JavaScript variabel i <div style
HejJeg har klippe klistret mig frem til følgende:
<script language="JavaScript">
var ns, ns6, ie;
ns = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie = (document.all) ? true : false;
xwidth = screen.width-800;
xpos = xwidth/2;
x = xpos+100;
y = 100;
function getLayerStyle( lyr ){
if( ns ){
return document.layers[lyr];
} else if( ie ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}
function ShowHide(layer){
newlayer = getLayerStyle(layer)
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
}
}
</script>
</head>
<body>
<DIV STYLE="top:100px;left:100px;position:absolute;">
<IMG SRC="landscape.jpg" BORDER="0" WIDTH="160" HEIGHT="120" ALIGN="bottom" ALT="">
</div>
<div STYLE="top:100px;left:100px;position:absolute;width:160px;height:120px;font-size:0.5em;" onmouseover="java script:ShowHide('mitlayer1')" onmouseout="java script:ShowHide('mitlayer1')">HEJ MED DIG
<div name="mitlayer1" id="mitlayer1" style="background-color: #333333; visibility: hidden;font-size:2.5em;top:0px;left:0px;position:absolute;">
<img src="2.gif">
</div></div>
</body> osv..
Det jeg godt vil opnå er at variablerne x (og y) kommer til at stå der hvor der står
<div STYLE="top:100px;left:100px ...
Kan det lade sig gøre
Pointen er at få et ikon til at ligge på et areamap og være clickable
Jens
