Javascript giver for mange fejl!
<html><head>
<title>DHTML</title>
<script language="javascript">
function show(event,layer_id,button)
{
if (button != NULL)
{
if (document.layers)
{
document.layers[layer_id].visibility='show';
document.layers[layer_id].style.top = posY(button) + button.offsetHeight;
document.layers[layer_id].style.left = event.clientX+5;
}
else if (document.all)
{
document.all[layer_id].style.visibility='visible';
document.all[layer_id].style.top = posY(button) + button.offsetHeight;
document.all[layer_id].style.left = event.clientX+5;
}
else
{
document.getElementById(layer_id).style.visibility='visible';
document.getElementById(layer_id).style.top = posY(button) + button.offsetHeight;
document.getElementById(layer_id).style.left = event.clientX+5
}
}
}
function hide(layer_id)
{
if (document.layers)
document.layers[layer_id].visibility='hide';
else if (document.all)
document.all[layer_id].style.visibility='hidden';
else
document.getElementById(layer_id).style.visibility='hidden';
}
function delayHide(layer_id)
{
setTimeOut("hide('"+layer_id+"')", 250);
}
function posX(obj)
{
return(obj.offsetParent==null ? obj.offsetLeft : obj.offsetLeft+posX(obj.offsetParent));
}
function posY(obj)
{
return(obj.offsetParent==null ? obj.offsetTop : obj.offsetTop+posY(obj.offsetParent));
}
</script>
<style type="text/css">
#popup
{
position: absolute;
background-color: #FF0000;
margin: 5px;
padding: 5px;
visibility: hidden;
}
</style>
</head>
<body>
<div id="popup" onMouseover="show(event,'popup')" onMouseout="delayHide('popup')">
<a href="#">Option1</a><br>
<a href="#">Option2</a><br>
<a href="#">Option3</a>
</div>
<a id="LINK" href="#" onMouseover="show(event,'popup',this)" onMouseout="delayHide('popup')">Options</a>
</body>
</html>
Kan jeg ikke få en til at rette dette til?
