Kolla in följande exempel.
mode.html
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head><title>NexaHome - Life Made Easy With Home Automation</title>
<link rel="Shortcut Icon" href="http://nexahome.se/favicon32x32.ico">
<meta http-equiv="refresh" content="60;#URL#?mypage=mode&psw=#PSW#">
</head>
<body bgcolor="#ffffff" background="/nexahome/nexahome_bg.jpg">
<div style="position: absolute; top: 20px; left: 25px;">
<form action="nexahome" method="get">
<input type=hidden name="mypage" value="mode">
<input type=hidden name="psw" value="#PSW#">
<input type=hidden name="rnd" value="#RND#">
<input type=submit value="#TIMESTAMP#">
</form>
</div>
<script type="text/javascript">
function writeOption(mode)
{
document.write('<option value=\"' + mode + '\" ');
if (mode === '#MODE#') {
document.write('selected ');
}
document.write('>' + mode);
if (mode === '#MODE#') {
if ('' !== '#ATTRIBUTES#') {
document.write(' (' + '#ATTRIBUTES#' + ')');
}
}
document.write('</option>');
}
function writeAttributeImage(attr)
{
if (attr === 'ON') {
document.write('<img src="/nexahome/on.mini.png" alt="ON">');
} else {
document.write('<img src="/nexahome/off.mini.png" alt="OFF">');
}
}
</script>
<div style="position: absolute; top: 60px; left: 25px">
<table>
<tr>
<td align="left" valign="top"><b>Mode:</></td>
<td>
<form action="nexahome" method="get">
<select name="mode">
<script type="text/javascript">writeOption('Home');</script>
<script type="text/javascript">writeOption('Away');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Workday#' === 'ON') writeOption('Workday:Clear'); else writeOption('Workday:Set');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Weekend#' === 'ON') writeOption('Weekend:Clear'); else writeOption('Weekend:Set');</script>
<script type="text/javascript"> if ('#ATTRIBUTE#Holiday#' === 'ON') writeOption('Holiday:Clear'); else writeOption('Holiday:Set');</script>
<input type=hidden name="mypage" value="mode">
<input type=hidden name="psw" value="#PSW#">
<input type=hidden name="rnd" value="#RND#">
</td>
<td valign="top"><input type=submit value="CHANGE"></td>
</tr>
</form></table>
</div>
</body>
</html>
<div style="position: absolute; top: 100px; left: 25px">
<b>Attributes:</b> #ATTRIBUTES#
</div>
<div style="position: absolute; top: 140px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Workday#');</script> Workday
</div>
<div style="position: absolute; top: 180px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Weekend#');</script> Weekend
</div>
<div style="position: absolute; top: 220px; left: 25px">
<script type="text/javascript">writeAttributeImage('#ATTRIBUTE#Holiday#');</script> Holiday
</div>