Fejlmelding ved JSON
Hej Eksperter.Dette script virker i Chrome men ikke i IE eller FF.
Jeg tror måske jeg har en eller anden syntax fejl, for alle browserne kan sagtens læse JSON array'et. (Derfor jeg har sat det lille loop ind der alerter arrayet).
Jeg er forholdsvis ny til JSON og ved godt at det her script måske er lidt overkill til en simpel menu bar, men havde lige en mulighed for at få det testet.
Håber i kan hjælpe mig.
se det her: http://www.lissau.org/eksperten/eksperten.html
<!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>Untitled Document</title>
<script type="text/javascript">
function menuItem(){
var BodyObject = document.getElementById("menuContainer");
var menuPics = {"pics": [
{"name": "forside", "width": "61px", "offset": "51px"},
{"name": "services", "width": "68px", "offset": "56px"},
{"name": "kontakt", "width": "67px", "offset": "66px"},
{"name": "priser", "width": "49px", "offset": "0px"}
]
};
for(var i=0; i<=4;i++){alert(menuPics.pics[i].name)};
for(var i=0; i<=4;i++) {
var obj = "";
var obj = document.createElement('div');
obj.style.backgroundImage="url(menu_"+menuPics.pics[i].name+".png)";
obj.style.backgroundRepeat="no-repeat";
obj.style.width=menuPics.pics[i].width;
obj.style.float="left";
obj.style.marginRight=menuPics.pics[i].offset;
obj.style.height="11px";
obj.setAttribute('id', i);
BodyObject.appendChild(obj);
}
var clear = document.createElement('div');
clear.style.width="0px";
clear.style.height="0px";
clear.style.clear="both";
BodyObject.appendChild(clear);
}
</script>
<style type="text/css">
#menu{
background:#496067;
width:980px;
height:38px;
}
#menuContainer {
padding:14px 50px 0px 40px;
}
</style>
</head>
<body onload="menuItem();">
<div id="menu">
<div id="menuContainer">
</div>
</div>
</body>
</html>
