Capteur de température

GCE · Juillet 29, 2011, 5:28

Voici la version corrigée:

~inc:header.inc~
<div id="content">

<div id="status">
	<div id="loading" style="display:none">Error:<br />Connection to relay board was lost.</div>
	<div id="display">

<p><br />
<p class="exercise">Relay Status</p>

<p><br />
		<span class="leds">
		<a id="led0" onclick="newAJAXCommand('leds.cgi?led=0');">&bull;</a>
		<a id="led1" onclick="newAJAXCommand('leds.cgi?led=1');">&bull;</a>
		<a id="led2" onclick="newAJAXCommand('leds.cgi?led=2');">&bull;</a>
		<a id="led3" onclick="newAJAXCommand('leds.cgi?led=3');">&bull;</a>
		<a id="led4" onclick="newAJAXCommand('leds.cgi?led=4');">&bull;</a>
		<a id="led5" onclick="newAJAXCommand('leds.cgi?led=5');">&bull;</a>
		<a id="led6" onclick="newAJAXCommand('leds.cgi?led=6');">&bull;</a>
		<a id="led7" onclick="newAJAXCommand('leds.cgi?led=7');">&bull;</a>
		</span></p>

<span style="float:left;height: 10px; with: 0px;font-size:11px;font-weight:bold;margin-left:15px; letter-spacing:1.545em ">12345678</span>
<p><br />
<p><br />

<p class="exercise">Fugitif Mode</p>
<p><br />
-------------- Commandes Chauffage  / Climatisation -------------- <br><br>
CH1: <INPUT type="button" value="ON / OFF" style="width:70px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=0');"/><br><br>
CH2: <INPUT type="button" value="+1&deg; C" style="width:45px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=1');"/><br><br>
CH3: <INPUT type="button" value="-1&deg; C" style="width:45px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=2');"/><br><br>
CH4: <INPUT type="button" value="Oscillation / Mode" style="width:120px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=3');"/><br><br>
------------------- Commandes Alarme Intrusion -------------------<br><br>
CH5: <INPUT type="button" value="ON" style="width:45px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=4');"/><br><br>
CH6: <INPUT type="button" value="OFF" style="width:45px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=5');"/><br><br>

-------------------- Commandes Volets / V&eacutelux --------------------<br><br>
CH7 :<INPUT type="button" value="Ouverture" style="width:80px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=6');"/><br><br>
CH8 :<INPUT type="button" value="Fermeture" style="width:80px;margin-left:5px;"onclick="newAJAXCommand('rlyfs.cgi?rlyf=7');"/>
<p><br />
<p class="exercise">Digital Input Level</p>
<p>      
   <span class="marges" id="btn3">?</span> &nbsp;
   <span class="marges" id="btn2">?</span> &nbsp;
   <span class="marges" id="btn1">?</span> &nbsp;
   <span class="marges" id="btn0">?</span>
</p>
<span style="float:left;height: 10px; with: 0px;font-size:11px;font-weight:bold;margin-left:30px; letter-spacing:3.8em ">1234</span>
<p><br />
<span style="float:left;height: 10px; with: 0px;font-size:9px;font-weight:normal;margin-left:57px;">0/1 Digital logic state</span>
<p><br />
<h5>
   <p class="exercise">Digital counter<b></p>
</h5>
   <p>Counter1:<span class="marges"><span id="count1">?</span></p>
   <p>Counter2:<span class="marges"><span id="count2">?</span></p>
<p><br />
<p class="exercise">Analog Input Level</p>
<p>Temp&eacute;rature sonde n&deg;1:&nbsp;&nbsp;<span id="tmp1">?</span>°c</p>
<p>Temp&eacute;rature sonde n&deg;2:&nbsp;&nbsp;<span id="tmp2">?</span>°c</p>
<p><br />
<p>Volt 1:&nbsp;&nbsp;&nbsp;&nbsp;<span id="vlt1">?</span>&nbsp;V</p>
<p>Volt 2:&nbsp;&nbsp;&nbsp;&nbsp;<span id="vlt2">?</span>&nbsp;V</p>
<p><br />
<p>Analog 1:&nbsp; <span id="an1">?</span></p>
<p>Analog 2:&nbsp; <span id="an2">?</span></p>
</div>
</div>
<p><br />
</div>
<p>
<span id="jour" style="font-weight:normal">&nbsp;&nbsp;</span> <span id="time0" style="font-weight:normal"></span>
</p>
<script type="text/javascript">
<!--

// Detection iPhone
	if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) 
  {
    if (document.cookie.indexOf("iphone_redirect=false") == -1)
    window.location = "index.html";
  }

// Parses the xmlResponse from status.xml and updates the status box
function updateStatus(xmlData) {
	// Check if a timeout occurred
	if(!xmlData)
	{
		document.getElementById('display').style.display = 'none';
		document.getElementById('loading').style.display = 'inline';
		return;
	}

	// Make sure we're displaying the status display
	document.getElementById('loading').style.display = 'none';
	document.getElementById('display').style.display = 'inline';
	
	// Loop over all the LEDs
	for(i = 0; i < 8; i++) {
		if(getXMLValue(xmlData, 'led'+i) == '1')
			document.getElementById('led' + i).style.color = '#090';
		else
			document.getElementById('led' + i).style.color = '#ddd';
	}
	
	// Loop over all the buttons
	for(i = 0; i < 4; i++) {
		if(getXMLValue(xmlData, 'btn'+i) == 'up')
			document.getElementById('btn' + i).innerHTML = '0';
		else
			document.getElementById('btn' + i).innerHTML = '1';
	}

	// update day of week

	calculjour = getXMLValue(xmlData, 'day');

	if (calculjour == 0)
		document.getElementById('jour').innerHTML = ("Monday");

	if (calculjour == 1)
		document.getElementById('jour').innerHTML = ("Tuesday");

	if (calculjour == 2)
		document.getElementById('jour').innerHTML = ("Wednesday");

	if (calculjour == 3)
		document.getElementById('jour').innerHTML = ("Thursday");

	if (calculjour == 4)
		document.getElementById('jour').innerHTML = ("Friday");

	if (calculjour == 5)
		document.getElementById('jour').innerHTML = ("Saturday");

	if (calculjour == 6)
		document.getElementById('jour').innerHTML = ("Sunday");

	// Update analog value

	document.getElementById('an1').innerHTML = getXMLValue(xmlData, 'an1');
		
	document.getElementById('an2').innerHTML = getXMLValue(xmlData, 'an2');

        calculvolt1 = getXMLValue(xmlData, 'an1');
       	volt1 = calculvolt1 * 0.003223 ;
   	volt1 = volt1.toFixed(2);
	document.getElementById('vlt1').innerHTML = volt1;

        calculvolt2 = getXMLValue(xmlData, 'an2');
       	volt2 = calculvolt2* 0.003223 ;
   	volt2 = volt2.toFixed(2);
	document.getElementById('vlt2').innerHTML = volt2;

   // calcul temp an1
      calcultemp1 = getXMLValue(xmlData, 'an1');
      temp1 = calcultemp1 / 3.22;
      temp1 = temp1.toFixed(2);
   	document.getElementById('tmp1').innerHTML = temp1;
   // calcul temp an2
      calcultemp2 = getXMLValue(xmlData, 'an2');
      temp2 = calcultemp2 / 3.22;
      temp2 = temp2.toFixed(2);
			document.getElementById('tmp2').innerHTML = temp2;

        // Update count 1 - 4 value
	document.getElementById('count1').innerHTML = getXMLValue(xmlData, 'count1');
	document.getElementById('count2').innerHTML = getXMLValue(xmlData, 'count2');

	// Update the time value
	document.getElementById('time0').innerHTML = getXMLValue(xmlData, 'time0');
}

setTimeout("newAJAXCommand('status.xml', updateStatus, true)",500);
//-->

</script>

<div class="spacer">&nbsp;</div>
<div id="footer">Copyright : 2009 GCE.ELECTRONICS FRANCE</div>
</div></div></div></div></div>
</body>
</html>