Paule94
Grünschnabel
Hallo ,
Ich habe hier ein kleines problem mit meinem Code,
Es geht darum das sich die Buttons sich umfärben sollen je nach dem was xmlhttprequest zurück gibt...
Mit einem einzelnen ist es mir gelungen, leider habe ich jedoch null Javascript kenntnisse da ich es eigendlich fast garnicht brauche...
Ziel ist es das für jeden knopf ein einzelnes Request gemacht wird da die knöpfe ja unabhängig voneinander sein sollen.
Kriege es leider nur mit einem Request hin, wenn ich ein zweites hinmache klappts nicht mehr ,
Kann mir jemand helfen?
Hier mein Code bisher:
<!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=utf-8" />
<title>Wohnungssteuerung</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<link href="css/style.css"rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">
//Wohnzimner
var xmlHttpObject = false;
if (typeof XMLHttpRequest != 'undefined')
{
xmlHttpObject = new XMLHttpRequest();
}
if (!xmlHttpObject)
{
try
{
xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
xmlHttpObject = null;
}
}
}
function loadContent()
{
xmlHttpObject.open('get','css/active.php?pin=21');
xmlHttpObject.onreadystatechange = handleContent;
xmlHttpObject.send(null);
return false;
}
function handleContent()
{
if (xmlHttpObject.readyState == 4)
{
document.getElementById('1').style.backgroundColor = xmlHttpObject.responseText;
}
}
setInterval(function(){
loadContent();
}, 100);
</script>
<body>
<h2 class="head">Lichtschalter</h2><br />
<font size="2">Knopf Grün* = Licht an</font><br />
<div class="content">
<form method="POST">
<table border="0px solid #000000; background:#000000;">
<tr>
<th>Licht</th>
</tr>
<tr>
<td><input id="1" class="input" style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['21']; ?>" type="submit" name="light" value="Wohnzimmer" /></td>
</tr>
<tr>
<td><input id="2" style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['16']; ?>"type="submit" name="light" value="Badezimmer" /></td>
</tr>
<tr>
<td><input style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['20']; ?>"type="submit" name="light" value="Kueche" /></td>
</tr>
<tr>
<td><input style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['22']; ?>"type="submit" name="light" value="Flur" /></td>
</tr>
</table>
</form>
</div> <br />
</body>
</html>
Ich habe hier ein kleines problem mit meinem Code,
Es geht darum das sich die Buttons sich umfärben sollen je nach dem was xmlhttprequest zurück gibt...
Mit einem einzelnen ist es mir gelungen, leider habe ich jedoch null Javascript kenntnisse da ich es eigendlich fast garnicht brauche...
Ziel ist es das für jeden knopf ein einzelnes Request gemacht wird da die knöpfe ja unabhängig voneinander sein sollen.
Kriege es leider nur mit einem Request hin, wenn ich ein zweites hinmache klappts nicht mehr ,
Kann mir jemand helfen?
Hier mein Code bisher:
<!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=utf-8" />
<title>Wohnungssteuerung</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<link href="css/style.css"rel="stylesheet" type="text/css" />
</head>
<script type="text/javascript">
//Wohnzimner
var xmlHttpObject = false;
if (typeof XMLHttpRequest != 'undefined')
{
xmlHttpObject = new XMLHttpRequest();
}
if (!xmlHttpObject)
{
try
{
xmlHttpObject = new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttpObject = new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
xmlHttpObject = null;
}
}
}
function loadContent()
{
xmlHttpObject.open('get','css/active.php?pin=21');
xmlHttpObject.onreadystatechange = handleContent;
xmlHttpObject.send(null);
return false;
}
function handleContent()
{
if (xmlHttpObject.readyState == 4)
{
document.getElementById('1').style.backgroundColor = xmlHttpObject.responseText;
}
}
setInterval(function(){
loadContent();
}, 100);
</script>
<body>
<h2 class="head">Lichtschalter</h2><br />
<font size="2">Knopf Grün* = Licht an</font><br />
<div class="content">
<form method="POST">
<table border="0px solid #000000; background:#000000;">
<tr>
<th>Licht</th>
</tr>
<tr>
<td><input id="1" class="input" style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['21']; ?>" type="submit" name="light" value="Wohnzimmer" /></td>
</tr>
<tr>
<td><input id="2" style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['16']; ?>"type="submit" name="light" value="Badezimmer" /></td>
</tr>
<tr>
<td><input style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['20']; ?>"type="submit" name="light" value="Kueche" /></td>
</tr>
<tr>
<td><input style="width:100%; height:50px;border: 1px #000000 solid;background: <?php echo $light['22']; ?>"type="submit" name="light" value="Flur" /></td>
</tr>
</table>
</form>
</div> <br />
</body>
</html>