encore moi, tout a l air d'etre ok , sauf un petit bug d affichage avec le graphique temperature exterieur ici :http://virandeville50.meteo.perso.sfr.fr/trends.htm
voici le code source de la page , un connaisseur peut il m'expliquer comment corriger ce défaut ,encore merci et joyeux noel!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Description" content="<#location> donnees meteo" />
<meta name="Keywords" content="Cumulus, <#location> donnees meteo, donnees meteo, station meteo" />
<title><#location> conditions meteorologiques</title>
<script type="text/javascript">
// Heavy modifications by beteljuice to allow 'language overlays' on graphs Aug 09
var graph_translate = true; // true = overlays ON / false = overlays OFF
// language 'overlays' for graphs - edit to suit, especially 'color'
var graph_big = new Array( // Large image language / notation array
"<font color=orange>Vents (rafales)</font> <font color=yellow>Vents (moyenne aux 10 minutes)</font>", // images/wind.png
"<font color=green>Temp. ressentie (<#tempunit>)</font> <font color=red>Point de Rosée (<#tempunit>)</font> <font color=blue>Humidex (<#tempunit>)</font> <font color=purple>Temp. ext. (<#tempunit>)</font>", // images/temp.png
"<font color=black>Température Interieure (<#tempunit>)</font>", // images/intemp.png
"<font color=purple>Pression Atmospherique au niveau de la mer (hPa)</font>", // images/press.png
"<font color=purple>Taux de Précipitation (<#rainunit>/hr)</font>", // images/rain.png
"<font color=red>Direction du vent</font> <font color=blue>moyenne</font>", // images/windd.png
"<font color=blue>Température Minimum (<#tempunit>)</font> <font color=red>Température Maximum (<#tempunit>)</font> <font color=green>moyenne (<#tempunit>)</font>", // images/tempm.png
"<font color=red>Humidité Interieure (%)</font> <font color=blue>Humidité Exterieure (%)</font>", // images/hum.png
"<font color=purple>Précipitation d'aujourd'hui (<#rainunit>)</font>", // images/raint.png
"<font color=green>précipitation journaliere (<#rainunit>)</font>"); // images/raind.png
// thumbnail images language / notation
var wind_speed_th = "Vents (<#windunit>)";
var temp_out_th = "Température Extérieure (<#tempunit>)";
var temp_in_th = "Température Interieure (<#tempunit>)";
var press_th = "Pression Atmospherique (<#pressunit>)";
var rain_rate_th = "Taux de Précipitation (<#rainunit>/hr)";
var wind_dir_th = "Direction du vent";
var temp_min_th = "Temp. Min/Max/Moy. (<#tempunit>)";
var hum_th = "Humidité (%)";
var rain_today_th = "Précipitation d'aujourd'hui (<#rainunit>)";
var rain_daily_th = "précipitation journaliere (<#rainunit>)";
function changeImage(im) {
document.images["graphs"].src = im + "?" + new Date().getTime();
// routine for large graph overlay
check = document.getElementById('big_graph'); // existence check
if(check && graph_translate) { // existence check
if(im=="images/wind.png") check.innerHTML=graph_big[0];
if(im=="images/temp.png") check.innerHTML=graph_big[1];
if(im=="images/intemp.png") check.innerHTML=graph_big[2];
if(im=="images/press.png") check.innerHTML=graph_big[3];
if(im=="images/rain.png") check.innerHTML=graph_big[4];
if(im=="images/windd.png") check.innerHTML=graph_big[5];
if(im=="images/tempm.png") check.innerHTML=graph_big[6];
if(im=="images/hum.png") check.innerHTML=graph_big[7];
if(im=="images/raint.png") check.innerHTML=graph_big[8];
if(im=="images/raind.png") check.innerHTML=graph_big[9];
} // END existence check
} // END function changeimage()
</script>
<link href="weatherstyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/* styles for graphs language overlays */
/* Main graph - ** will need editing if not 'standard' 750 x 300 size */
#big_graph {
position: absolute;
top: 10px; /* ** */
left: 20px; /* ** */
height: 20px;
width: 600px; /* ** */
padding-top: 3px;
background-color: white;
border: 2px outset lightgrey;
text-align: center;
font-weight: bold;
}
/* Thumbnail graphs */
.thumb {
position: absolute;
top: 2px;
left: 5px;
height: 13px;
width: 136px;
color: black;
background-color: white;
border: 2px outset lightgrey;
text-align: center;
font-size: 10px;
}
</style>
</head>
<body>
<div id="content">
<h1>conditions météorologiques à <br><#location></h1>
<h2 style="text-align: left; text-transform: none;"> Latitude <#latitude> Longitude <#longitude> Altitude <#altitude></h2>
<p>Ces graphiques présentent la température, la pression, les précipitations et la variation des vents pour les dernières <#graphperiod> heures </p>
<p>Les imagettes sont échantillonnées toutes les 10 minutes.
Cliquez sur l'imagette pour afficher les graphiques en grandes tailles.
Les grands graphiques sont échantillonnés toutes les minutes</p>
</div> <!-- close original content div -->
<!-- NB. the following div width value should be the same as the picture width -->
<div style="position: relative; margin-left: auto; margin-right: auto; width: 750px;"> <!-- Large graph container -->
<script>
if(graph_translate) {
document.write("<span id="big_graph" >" + graph_big[0] + "</span>");
}
</script>
<p><img src="images/wind.png" name="graphs" id="graphs" title="Weather Graphs" alt="Weather Graphs" />
</p>
</div>
<!-- create a new content type div, to center thumbnails (5 pictures wide) -->
<div style="position: relative; margin-left: auto; margin-right: auto; width: 760px;">
<table cellpadding="0" cellspacing="0" id="Graph_menu" style="position: relative;">
<tr>
<td colspan="5" style="position: relative;">Cliquez sur une imagette pour afficher un graphique plus grand</td>
</tr>
<tr>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/wind.png");'>" + wind_speed_th + "</span>");
}
</script>
<img src="images/windsm.png" alt="Wind Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/wind.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/temp.png");'>" + temp_out_th + "</span>");
}
</script>
<img src="images/tempsm.png" alt="Temperature Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/temp.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" oncli ck='changeImage("images/intemp.png");'>" + temp_in_th + "</span>");
}
</script>
<img src="images/intempsm.png" alt="Inside Temperature Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/intemp.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/press.png");'>" + press_th + "</span>");
}
</script>
<img src="images/presssm.png" alt="Pressure Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/press.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/rain.png");'>" + rain_rate_th + "</span>");
}
</script>
<img src="images/rainsm.png" alt="Rain Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/rain.png")' />
</div>
</td>
</tr>
<tr>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/windd.png");'>" + wind_dir_th + "</span>");
}
</script>
<img src="images/winddsm.png" alt="Wind Direction Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/windd.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/tempm.png");'>" + temp_min_th + "</span>");
}
</script>
<img src="images/tempmsm.png" alt="Temp Min/Max Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/tempm.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/hum.png");'>" + hum_th + "</span>");
}
</script>
<img src="images/humsm.png" alt="Humidity Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/hum.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/raint.png");'>" + rain_today_th + "</span>");
}
</script>
<img src="images/raintsm.png" alt="Today's Rainfall Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/raint.png")' />
</div>
</td>
<td class="td_thumbnails" style="position: relative; cursor: hand;">
<div style="position: relative;">
<script>
if(graph_translate) {
document.write("<span class="thumb" onclick='changeImage("images/raind.png");'>" + rain_daily_th + "</span>");
}
</script>
<img src="images/raindsm.png" alt="Daily Rain Graph Thumbnail" width="150" height="100" border="0" onclick='changeImage("images/raind.png")' />
</div>
</td>
</tr>
<tr>
<td colspan="5" class="td_navigation_bar">:<a href="index.htm">Maintenant</a>::<a href="gauges.htm">Jauges</a>::<a href="today.htm">Aujourd'hui</a>::<a href="yesterday.htm">Hier</a>::<a href="record.htm">Extremes</a>::<a href="trends.htm">Variations</a>:<#forum><#webcam></td>
</tr>
</table>
<p class="credits"><br/>
Mise a jour <#update><br>
Créé par
<a href="http://sandaysoft.com/products/cumulus" target="_blank">Cumulus</a> v<#version> (<#build>)
</p>
</div>
</body>
</html>
Accueil 
Dernières images 
Rechercher 
S'enregistrer 
Connexion 
Jeu 23 Déc - 14:48
