<html>
<head>
<meta name = "viewport" content = "width = device-width">
<meta name = "viewport" content = "initial-scale = 0.85">
<script language="JavaScript">
// PRELOADING IMAGES
if (document.images) {
btn1_down=new Image(); btn1_down.src="images/button1_on.jpg";
btn1_up =new Image(); btn1_up.src ="images/button1.jpg";
btn2_down=new Image(); btn2_down.src="images/button2_on.jpg";
btn2_up =new Image(); btn2_up.src ="images/button2.jpg";
btn3_down=new Image(); btn3_down.src="images/button3_on.jpg";
btn3_up =new Image(); btn3_up.src ="images/button3.jpg";
btn4_down=new Image(); btn4_down.src="images/button4_on.jpg";
btn4_up =new Image(); btn4_up.src ="images/button4.jpg";
btn5_down=new Image(); btn5_down.src="images/button5_on.jpg";
btn5_up =new Image(); btn5_up.src ="images/button5.jpg";
btn6_down=new Image(); btn6_down.src="images/button6_on.jpg";
btn6_up =new Image(); btn6_up.src ="images/button6.jpg";
btn7_down=new Image(); btn7_down.src="images/button7_on.jpg";
btn7_up =new Image(); btn7_up.src ="images/button7.jpg";
btn8_down=new Image(); btn8_down.src="images/button8_on.jpg";
btn8_up =new Image(); btn8_up.src ="images/button8.jpg";
btn9_down=new Image(); btn9_down.src="images/button9_on.jpg";
btn9_up =new Image(); btn9_up.src ="images/button9.jpg";
btn0_down=new Image(); btn0_down.src="images/button0_on.jpg";
btn0_up =new Image(); btn0_up.src ="images/button0.jpg";
btnH_down=new Image(); btnH_down.src="images/buttonH_on.jpg";
btnH_up =new Image(); btnH_up.src ="images/buttonH.jpg";
btnS_down=new Image(); btnS_down.src="images/buttonS_on.jpg";
btnS_up =new Image(); btnS_up.src ="images/buttonS.jpg";
}
// EVENT HANDLERS
function pressButton(btName) {
if (document.images)
eval('document.'+btName+'.src='+btName+'_down.src');
}
function releaseButton(btName) {
if (document.images)
eval('document.'+btName+'.src='+btName+'_up.src');
}
//-->
var http_request = false;
function makeRequest(url, parameters) {
http_request = false;
if (window.XMLHttpRequest) { // Mozilla, Safari,...
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
// set type accordingly to anticipated content type
//http_request.overrideMimeType('text/xml');
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) { // IE
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
if (!http_request) {
alert('Cannot create XMLHTTP instance');
return false;
}
http_request.onreadystatechange = alertContents;
http_request.open('GET', url + parameters, true);
http_request.send(null);
}
function alertContents() {
//# if (http_request.readyState == 4) {
//# if (http_request.status == 200) {
// # //alert(http_request.responseText);
//# result = http_request.responseText;
//# document.getElementById('myspan').innerHTML = result;
//# } else {
//# alert('There was a problem with the request.');
//# }
//#}
}
function get(obj) {
var getstr = "?";
for (i=0; i
<obj.childNodes.length; i++) {
if (obj.childNodes[i].tagName == "INPUT") {
if (obj.childNodes[i].type == "text") {
getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
}
if (obj.childNodes[i].type == "checkbox") {
if (obj.childNodes[i].checked) {
getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
} else {
getstr += obj.childNodes[i].name + "=&";
}
}
if (obj.childNodes[i].type == "radio") {
if (obj.childNodes[i].checked) {
getstr += obj.childNodes[i].name + "=" + obj.childNodes[i].value + "&";
}
}
}
if (obj.childNodes[i].tagName == "SELECT") {
var sel = obj.childNodes[i];
getstr += sel.name + "=" + sel.options[sel.selectedIndex].value + "&";
}
}
makeRequest('get.php', getstr);
}
</script>
</script>
</head>
<table border="0">
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn1');return true;"
onMouseUp="releaseButton('btn1');return true;"
onMouseOut="releaseButton('btn1');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=1');"
>
<div id="result"></div>
<img name=btn1 width=100 height=100 border=0
alt="1"
src="images/button1.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn2');return true;"
onMouseUp="releaseButton('btn2');return true;"
onMouseOut="releaseButton('btn2');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=2');"
><img name=btn2 width=100 height=100 border=0
alt="2"
src="images/button2.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn3');return true;"
onMouseUp="releaseButton('btn3');return true;"
onMouseOut="releaseButton('btn3');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=3');"
><img name=btn3 width=100 height=100 border=0
alt="3"
src="images/button3.jpg"
></a>
</td>
<td> </td>
</tr>
<tr>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn4');return true;"
onMouseUp="releaseButton('btn4');return true;"
onMouseOut="releaseButton('btn4');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=4');"
><img name=btn4 width=100 height=100 border=0
alt="4"
src="images/button4.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn5');return true;"
onMouseUp="releaseButton('btn5');return true;"
onMouseOut="releaseButton('btn5');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=5');"
><img name=btn5 width=100 height=100 border=0
alt="5"
src="images/button5.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn6');return true;"
onMouseUp="releaseButton('btn6');return true;"
onMouseOut="releaseButton('btn6');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=6');"
><img name=btn6 width=100 height=100 border=0
alt="6"
src="images/button6.jpg"
></a>
</td>
<td></td>
</tr>
<tr>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn7');return true;"
onMouseUp="releaseButton('btn7');return true;"
onMouseOut="releaseButton('btn7');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=7');"
><img name=btn7 width=100 height=100 border=0
alt="7"
src="images/button7.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn8');return true;"
onMouseUp="releaseButton('btn8');return true;"
onMouseOut="releaseButton('btn8');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=8');"
><img name=btn8 width=100 height=100 border=0
alt="8"
src="images/button8.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn9');return true;"
onMouseUp="releaseButton('btn9');return true;"
onMouseOut="releaseButton('btn9');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=9');"
><img name=btn9 width=100 height=100 border=0
alt="9"
src="images/button9.jpg"
></a>
</td>
<td></td>
</tr>
<tr>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btnS');return true;"
onMouseUp="releaseButton('btnS');return true;"
onMouseOut="releaseButton('btnS');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=S');"
><img name=btnS width=100 height=100 border=0
alt="S"
src="images/buttonS.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btn0');return true;"
onMouseUp="releaseButton('btn0');return true;"
onMouseOut="releaseButton('btn0');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=0');"
><img name=btn0 width=100 height=100 border=0
alt="0"
src="images/button0.jpg"
></a>
</td>
<td>
<a href="javascript:void(0)"
onMouseDown="pressButton('btnH');return true;"
onMouseUp="releaseButton('btnH');return true;"
onMouseOut="releaseButton('btnH');return true;"
onClick="javascript:makeRequest('../cgi-bin/lock.cgi', '?val=H');"
><img name=btnH width=100 height=100 border=0
alt="H"
src="images/buttonH.jpg"
></a>
</td>
<td></td>
</tr>
</table>
</html>