Layer klik menu

Afhængig af hvor voldsomt det kan blive, kan det være at overlib er overkill, men ellers er det den:

http://www.bosrup.com/web/overlib/

Desværre ikke noget jeg kan bruge..

Det kan laves med en meget simpel funktion:
<script type="text/javascript">
  function showBox(ID) {
      elm = document.getElementById(ID);
      elm.style.display = (elm.style.display == "block") ? "none" : "block";
  }
</script>

og så kan du skrive:
<a href="java script:showBox('divID');">LINK</a><div id="divID" style="display:none;width:100px;background-color:#f0f0f0;border:1px solid #000">Boks med endnu et link <a href="#">LINK</a></div>

Det eneste der kræves af boksen er at den har en unik ID og har style="display:none;"  som attribut.

Jeg har fundet et script til det
http://www.lundfonts.com/fontsbeta/default.asp?s=fonts&sort=K

Klik på "detaljer" ved en font

Der er bare et problem at hvis du scroler ned til de nederste eks, så vises min layer ikke ud for mit klik, men længere opppe af siden.. hvordan undgår jeg dette ?

KODE:


<script>
// detaljer
function visMenu(ID,NAVN,AOA, e) {
obj = document.getElementById("menu");
obj.innerHTML = '<b>Detaljer for:</b><br>' + NAVN + '<br><br>Æøå:' + AOA + '<br><a href="default.asp?sanbefal&id=' + ID + '">Anbefal</a>';
obj.style.left = 10 + ((document.all) ? event.clientX : e.clientX);
obj.style.top = 3 + ((document.all) ? event.clientY : e.clientY);
obj.style.visibility = "visible";
}

function skjulMenu(e) {
obj = document.getElementById("menu");
id = (document.all) ? event.srcElement.id : e.target.id;
if (obj.style.visibility == "visible" && id != "menu")
obj.style.visibility = "hidden";
}
</script>

<div id="menu" style="visibility: hidden; position: absolute; width: 150px; background-color: #FFFFCC; border: 1px solid black;padding:2px;"></div>

Måske:

obj.style.left = 10 + ((document.all) ? event.clientX + document.body.scrollLeft : e.clientX);
obj.style.top = 3 + ((document.all) ? event.clientY + document.body.scrollTop : e.clientY);

Det virkede.. kanon :D

Forøvrigt er det egentlig en fejl, at der ikke er enhed på en style-property, så der burde stå:

obj.style.left = 10 + ((document.all) ? event.clientX + document.body.scrollLeft : e.clientX) + 'px';
obj.style.top = 3 + ((document.all) ? event.clientY + document.body.scrollTop : e.clientY) + 'px';

-- og velbekomme '-)

-- og tak for point ;~}