La méteo du dashScreen La méteo du dashScreen
Menu

La méteo

14 janvier 2015 - DashScreen DashBoard, Domotique, Raspberry Pi
La méteo

C’est sympa d’avoir la météo du coin sur 5 jours sur son DashScreen !

ecran PI

Pour l’affichage de la météo Je n’ai rien changé à part la position.

Le fichier style.css :

div#meteo
{
right : 20px;
top : 30px;
position : absolute;
background-color : rgba(0, 0, 0, 0);
color : #FFF;
font-weight : bold;
text-align : center;
}

On positionne sur la droite, avec un fond transparent.

Le fichier  javascript.js :

var meteo_timeout;

function meteo ()
{
$.ajax({
async : false,
type: "GET",
url: "./ajax.php",
data: "block=meteo",
success: function(html){
$("#meteo").html(html);
}
});

meteo_timeout = setTimeout("meteo()", 3600000);
}

La fonction « meteo » est appelée toutes les heures.

Le fichier ajax.php :

if($block == 'meteo'){
echo meteo();
}

On lance sur le serveur la fonction « meteo » qui va afficher la météo en retour.

Le fichier inc.php :

function meteo () {

$meteo = 'je copie ici le script donné par le site......';
return $meteo;
}

J’ai pris la météo sur le site www.meteocity.com/ .  Il suffit de créer sont  widget et de copier le script généré dans la variable $meteo du fichier inc.php.

Étiquettes : ,