index.html
À propos du fichier
- 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: hier
- Statistiques
- La présente page de téléchargement a été vue 725 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 index.html sur le Web et les réseaux sociaux:
Télécharger le fichier index.html