Så har vi layer løsningen klar...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<LINK REL="StyleSheet" HREF="css/ie.css" type="text/css">
<style>
.mitLayerDu {
font-family: verdana,arial;
font-size: 12px;
color: #ffffff;
background-color: #333333;
background-image:URL(guitar.gif);
background-repeat:no-repeat;
background-position : right;
}
a:link{color: #ffffff;text-decoration: none;}
a:visited{color: #ffffff;text-decoration: none;}
a:active{color: #FFCCFF;text-decoration: underline;}
a:hover{color: #FFCC00;text-decoration: underline;}
</style>
<script>
luk = false;
aaben = true
function showSel(billedet,linket) {
thisSel = document.getElementById("mySel");
if (thisSel.style.visibility == "hidden") {
selL = xPos(billedet);
selT = yPos(billedet);
thisSel.style.left = selL + 0;
thisSel.style.top = selT + 21;
thisSel.style.visibility = "visible";
document.getElementById("selFrame").style.visibility = "visible";
}
else {
thisSel.style.visibility = "hidden";
}
}
function yPos(what){
var picY = getY(document.images[what]);
return picY;
}
function xPos(what){
var picX = getX(document.images[what]);
return picX;
}
function getY(obj) {
if (obj == document.body) {
return obj.offsetTop
}
else {
return obj.offsetTop + getY(obj.offsetParent);
}
}
function getX(obj) {
if (obj == document.body) {
return obj.offsetLeft
}
else {
return obj.offsetLeft + getX(obj.offsetParent);
}
}
ns4 = (document.layers)? true:false
ie4 = (document.all && !document.getElementById)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
clicked = false;
function ud(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
styleObj.visibility = "hidden";
}
</script>
</head>
<body>
<img type="image" src="sel2.gif" id="selPic" width="136" height="21" onclick="aaben=true" onmousedown="showSel('selPic','select.html');">
<div id="mySel" style="position:absolute;visibility:hidden;" onmouseout="if(luk!=false){ud('mySel');ud('selFrame')}" onblur="ud('mySel');ud('selFrame');" onmouseover="aaben=false" >
<div id="selFrame" class="mitLayerDu"style="position:absolute;top:0;left:0;width:135;height:180;z-index:2;border:0">
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 1</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 2</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 3</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 4</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 5</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 6</a><br>
<a href="#" onmouseover="luk=false;" onclick="ud('mySel');ud('selFrame');">hej 7</a><br>
</div>
</div>
</body>
</html>
/Nikolaj
Ny bruger
Nybegynder
Opret
Preview
