Hi, thanks in advance for any help here! I could do with some fresh greymatter and pair of eyes =P
I have a JS and PHP. The basic idea is that two images per row are swapped on POST of and depending on a variable "on" or "off". The images swapped should be those on the row that the variable was submitted from.... Here follows the neccessary excerpts from the code!
function updateImg(topic, message) {
var messagebits = new Array();
messagebits = message.split(' ');
devicename = messagebits[0];
devicestatus = messagebits[1];
line = "document.getElementById('image "+devicename+"').value"
var imgrow = new Array();
imgrowbits = line.split(' ');
itype = imgrowbits[0]
irow = imgrowbits [1]
while (devicename == "'+irow+'") {
if (devicestatus == "on") {
document.getElementById("image "+devicename+"").src ="Images/d/"+devicename+"off.jpg";
document.getElementById("switch "+devicename+"").src ="Images/g.jpg";
document.getElementById("state "+devicename+"").value ="off";
}
if (devicestatus == "off") {
document.getElementById("image "+devicename+"").src ="Images/d/"+devicename+"on.jpg";
document.getElementById("switch "+devicename+"").src ="Images/r.jpg";
document.getElementById("state "+devicename+"").value ="on";
}
}
}
And the corresponding PHP:
$device = $row['device'];
$self = $_SERVER['PHP_SELF'];
echo '<tr><td><center><img id="image ' . $device . '" src="Images/d/' . $device . 'on.jpg" border="0" value="' . $device .
'"><p>';
echo '<td><center><font size="2" face="Verdana">' . $device . '<p><td><center>
<form action="' . $self . '" name="sc" target="b" method="post">
<input type="hidden" name=" device[] " value="' . $device . '">
<input type="hidden" id ="state ' . $device . '" name=" state[] " value="on">
<input type="image" id="switch ' . $device . '" img src="Images/g.jpg" border="0"
value="' . $device . '"></form>';
}
Thanks for your time, patience and brain power!!
Mark
