306 lines
8.7 KiB
HTML
306 lines
8.7 KiB
HTML
<!-- AWP_In_Variable Name='"Lichtmerker Küche"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Essen"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Wohnen 1"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Wohnen 2"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker HWR"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Arbeiten"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Kind 3"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Dusche"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Abstellraum"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Eltern"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Noah"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Niko"' -->
|
|
<!-- AWP_In_Variable Name='"Lichtmerker Bad"' -->
|
|
<!-- AWP_In_Variable Name='"Kickertaste"' -->
|
|
<!-- AWP_In_Variable Name='"wled_DB".Helligkeit' -->
|
|
<!-- AWP_In_Variable Name='"wled_DB".Befehl' -->
|
|
<!-- AWP_In_Variable Name='"wled_DB".RGB_hex' -->
|
|
|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
<title>TTh</title>
|
|
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
|
|
<link href="form.css" rel="stylesheet" type="text/css" />
|
|
<style type="text/css">
|
|
.auto-style1 {
|
|
color: #FF0000;
|
|
font-family: "Arial";
|
|
}
|
|
.auto-style4 {
|
|
font-family: "Arial";
|
|
font-size: x-large;
|
|
text-align: left;
|
|
}
|
|
.auto-style5 {
|
|
font-family: "Arial";
|
|
font-size: x-large;
|
|
text-align: center;
|
|
}
|
|
.auto-style6 {
|
|
color: #000000;
|
|
font-size: xx-small;
|
|
}
|
|
|
|
</style>
|
|
|
|
<script src="Script/tth_script.js" type="text/javascript"> </script>
|
|
|
|
</head>
|
|
|
|
<body style="color: #00FF00; background-color: #000000">
|
|
|
|
<div id="masthead">
|
|
</div>
|
|
<div id="top_nav">
|
|
</div>
|
|
<div id="container">
|
|
|
|
<div id="page_content">
|
|
<div class="ui-card">
|
|
<table border="1" align="left" class="ui-table">
|
|
<tr>
|
|
<td class="auto-style1">Küche</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon1" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Küche"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="auto-style1">Esszimmer</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon2" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Essen"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Wohnzimmer</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon3" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Wohnen 1"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon4" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Wohnen 2"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="auto-style1">Arbeitszimmer</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon5" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Arbeiten"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Hauswirtschaftsraum</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon6" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker HWR"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Niko</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon7" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Niko"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Dusche</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon8" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Dusche"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Abstellraum</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon9" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Abstellraum"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Schalfzimmer</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon10" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Eltern"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Noah</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon11" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Noah"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<a href="http://192.168.0.113" class="auto-style1">Badezimmer</a>
|
|
</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon12" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Bad"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img class="ui-icon" src="images/FX_149.gif" height="50" width="50" />
|
|
<input name='"wled_DB".Befehl' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<input type="range" id="helligkeit" name='"wled_DB".Helligkeit' min="1" max="255" /><br><br>
|
|
<input name='"wled_DB".Befehl' type="hidden" value="4">
|
|
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary"></td>
|
|
</form>
|
|
</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<input type="color" id="farbe" name='"wled_DB".RGB_hex' value="#ff0000"><br><br>
|
|
<input name='"wled_DB".Befehl' type="hidden" value="5">
|
|
<input type="submit" value="schreiben" class="auto-style2 ui-btn ui-btn--primary"></td>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Mika</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon13" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Lichtmerker Kind 3"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td class="auto-style1">Kickertaste</td>
|
|
<td>
|
|
<form action="" method="post">
|
|
<button class="ui-iconbtn" type="submit">
|
|
<img id="leuchtet_icon14" class="ui-icon" src="images/lampe0.jpg" height="50" width="50" />
|
|
<input name='"Kickertaste"' type="hidden" value="1">
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
</div>
|
|
|
|
<div id="OutputArea" style="position:fixed;clip:rect(0,0,0,0);overflow:hidden;"></div>
|
|
|
|
<script type="text/javascript">
|
|
function showDataTable()
|
|
{
|
|
var xmlhttp;
|
|
if (window.XMLHttpRequest) {
|
|
// code fuer IE7+, Firefox, Chrome, Opera, Safari
|
|
xmlhttp = new XMLHttpRequest();
|
|
} else {
|
|
// code fuer IE6, IE5
|
|
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
|
}
|
|
|
|
xmlhttp.open("GET", "licht_state.html", true);
|
|
|
|
xmlhttp.onreadystatechange = function()
|
|
{
|
|
if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
|
|
{
|
|
var output = document.getElementById("OutputArea");
|
|
if (output) {
|
|
output.innerHTML = xmlhttp.responseText;
|
|
}
|
|
|
|
for (var i = 1; i <= 14; i++) {
|
|
var el = document.getElementById('leuchtetx' + i);
|
|
if (!el) { continue; }
|
|
var status = el.innerText;
|
|
leuchtet_icon(('leuchtet_icon' + i), status);
|
|
}
|
|
|
|
setTimeout(refreshOutputArea, 500);
|
|
}
|
|
};
|
|
xmlhttp.send(null);
|
|
}
|
|
|
|
function refreshOutputArea()
|
|
{
|
|
showDataTable();
|
|
}
|
|
|
|
window.onload = function()
|
|
{
|
|
refreshOutputArea();
|
|
};
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|