Hébergeur de fichiers indépendant

index.html

À propos

Type de fichier
Fichier HTML de 6 Ko (text/html)
Confidentialité
Fichier public, envoyé le 2 novembre 2014 à 21:05, depuis l'adresse IP 82.64.x.x (France)
Sécurité
Ne contient aucun Virus ou Malware connus - Dernière vérification: 2 jours
Statistiques
La présente page de téléchargement a été vue 587 fois depuis l'envoi du fichier
Page de téléchargement

Aperçu du fichier


<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>Meteo 2.0</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="content_start">
	<img src="img/minion0.png" id="minion_start"/>
	<div id="content_form">
		<p>Où habitez vous ?</p>
		<input type="text" id="location_input" placeholder="Le nom de ma ville"/>
		<input type="button" id="save_location" value="J'enregistre" onclick="save_location();"/>
	</div>
</div>
<div id="content_weather">
	<img src="img/01d.svg" id="weather_icon"/>
	<div id="content_stats">
		<img src="img/happy.png" id="feel_minion"/>
		<p id="title_random">"Yeahhhh, banana"</p>
		<p id="text_weather">il y a <span id="purcent_humidity">72</span>% d'humidité dans l'air, il fait environ <span id="temperature">32</span>° et le vent file à <span id="speed_wind"></span> km/h.<br /><br />La moyenne de temperature pour cette semaine est d'environ <span id="median_temperature">23</span>°, <span id="citation">pas mal</span> .</p>
	</div>
</div>
<script>
var dtExpiration=new Date();
var title_random=['Yeahhh, banana', 'Ohhhh ...', 'Neiiiggeee', 'Boum boum ahaha', 'Singing in rain']; // 0 = Soleil ; 1 = Nuageux ; 2 = Neigeux ; 3 = Orageux ; 4 = Pluvieux;
dtExpiration.setTime(dtExpiration.getTime()+365*24*3600*1000);
var anim_execute=0;
function setCookie(name, value, expires)
{
	document.cookie=name + "=" + escape(value) + "; expires=" + expires.toGMTString();
}
function getCookie(name)
{
	if(document.cookie.length==0)
	{
		return null;
	}
	var regCookies=new RegExp("(; )", "g");
	var cookies=document.cookie.split(regCookies);
	for(var i=0;i<cookies.length;i++)
	{
		var regInfo=new RegExp("=", "g");
		var infos=cookies[i].split(regInfo);
		if(infos[0]==name)
		{
			return unescape(infos[1]);
		}
	}
	return false;
}
if(getCookie('location'))
{
	anim_leave();
	show_weather();
}
function anim_leave()
{
	document.getElementById('content_start').style.opacity='0';
	document.getElementById('content_start').style.marginTop='-500px';
	if(anim_execute==0)
	{
		anim_execute=1;
		setTimeout('anim_leave()', 1000);
	}
	else
	{
		document.getElementsByTagName('body')[0].removeChild(document.getElementById('content_start'));
		anim_execute=0;
	}
}
function show_weather()
{
	var xdr = new XMLHttpRequest(); 
	xdr.onload = function() {
		var ndom=xdr.responseXML;
		document.getElementById('content_weather').style.top='0px';
		if(ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '10d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '10n' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '09d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '09n')
		{
			document.getElementById('title_random').innerHTML='"' + title_random[4] + '"';
			document.getElementById('feel_minion').src='img/sad.png';
		}
		if(ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '04d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '04n' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '03d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '03n')
		{
			document.getElementById('title_random').innerHTML='"' + title_random[1] + '"';
			document.getElementById('feel_minion').src='img/sad.png';
		}
		if(ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '11d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '11n')
		{
			document.getElementById('title_random').innerHTML='"' + title_random[3] + '"';
			document.getElementById('feel_minion').src='img/heu.png';
		}
		if(ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '01d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '01n' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '02d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '02n')
		{
			document.getElementById('title_random').innerHTML='"' + title_random[3] + '"';
			document.getElementById('feel_minion').src='img/heu.png';
		}
		if(ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '13d' || ndom.getElementsByTagName('symbol')[0].getAttribute('var') == '13n')
		{
			document.getElementById('title_random').innerHTML='"' + title_random[2] + '"';
		}
		document.getElementById('temperature').innerHTML=Math.floor(ndom.getElementsByTagName('temperature')[0].getAttribute('day')-273.15);
		document.getElementById('purcent_humidity').innerHTML=Math.floor(ndom.getElementsByTagName('humidity')[0].getAttribute('value'));
		document.getElementById('speed_wind').innerHTML=Math.floor(ndom.getElementsByTagName('windSpeed')[0].getAttribute('mps')*3600/1000);
		document.getElementById('weather_icon').src='img/' + ndom.getElementsByTagName('symbol')[0].getAttribute('var') + '.svg';
		var median=parseInt(ndom.getElementsByTagName('temperature')[0].getAttribute('day')+ndom.getElementsByTagName('temperature')[1].getAttribute('day')+ndom.getElementsByTagName('temperature')[2].getAttribute('day')+ndom.getElementsByTagName('temperature')[3].getAttribute('day')+ndom.getElementsByTagName('temperature')[4].getAttribute('day')+ndom.getElementsByTagName('temperature')[5].getAttribute('day')+ndom.getElementsByTagName('temperature')[6].getAttribute('day'));
		median=Math.floor((median-273.15));
		document.getElementById('median_temperature').innerHTML=median;
	}
	xdr.open("GET", 'http://api.openweathermap.org/data/2.5/forecast/daily?q=' + getCookie('location') + '&lang=fr&mode=xml');
	xdr.send();
}
function save_location()
{
	setCookie('location', document.getElementById('location_input').value, dtExpiration);
	anim_leave();
	show_weather();
}
</script>
</body>
</html>


Partager le fichier


Télécharger index.html


Télécharger index.html