problemer med javascript i ie
functionen BUILDROOMS() bliver kaldt via window.onload =BUILDROOMS;Det er meningen der skal vises nogle dynamiske divs og der skal så skiftes css klasse ved en onclick funktion.
Det hele virker i FF og chrome, men ikke i ie! I ie7 sker der ingen ting i ie8 bliver mine divs vist og onclick virker engang imellem,
Hvad kan det skyldes, er der noget galt med koden?
function rooms1(x, y, height, width, id) {
var status;
var file;
file = "modules/mod_house/getStatus.php?id=<?php print $installation; ?>"+id;
$j.get(file, function(data){
status = data;
createBox(x, y, height, width, id, status); // kalder først createBox her, med status som parameter.
});
}
function createBox(x, y, height, width, id, status){
var elm = document.createElement('div');
elm.style.left = 0.65*x+'px';
elm.style.top = 0.65*y+'px';
elm.style.height = 0.65*height+'px';
elm.style.width = 0.65*width+'px';
elm.style.position = 'absolute';
elm.setAttribute('id', id);
elm.setAttribute('class', status);
elm.onclick = function(){changeLight(elm);};
document.getElementById('house').appendChild(elm);
}
function changeLight(obj)
{
var divId;
var updatefile;
var newStatus;
divId = obj.id;
updatefile = "modules/mod_house/update.php?newStatus=<?php print $installation; ?>"+divId;
$j.get(updatefile, function(data){
newStatus = data;
setData(divId,newStatus);
});
}
function setData(id,newClass)
{
var newObj = document.getElementById(id);
newObj.setAttribute('class', newClass);
}
function BUILDROOMS() {
rooms1(52,355,71,144,'bHMI_L1','');
rooms1(555,319,100,69,'bHMI_L2','');
rooms1(352,372,39,86,'bHMI_L3','');
rooms1(397,373,94,125,'bHMI_L4','');
rooms1(129,355,100,144,'bHMI_L5','');
rooms1(501,223,154,90,'bHMI_L6','');
rooms1(501,397,154,100,'bHMI_L7','');
rooms1(501,384,48,13,'bHMI_L7','');
}
