DOM og DIVtags

Hej Eksperten

har siddet og bøvlet med at få nogle divtags til at blive vist og skjult ved onmouseover/out men kan ikke rigtigt huske det mere :S

<div name="div1" style="margin-top: 586px; position: absolute; z-index: 3; margin-left: 510px; height:auto; border-width: 2px 2px 2px 2px; border-style: solid; border-color: red; width:255px; height:170px; visibility:hidden;" onMouseout="hideDiv(div1);" onMouseover="showDiv(div1);" onClick="window.location = 'http://www.google.dk?id=1'"></div>

meningen med det er at man skal få vist en ramme ovet et bestemt område når man holder musen over. rammen altså DIVtagget skal så forsvinde igen (visible=hidden) når man forlader divtagget.

jeg har 10 forskellige divs (div1, div2, div3 ect.) er det muligt at sende navnet med til javascript funktionen uden at skrive det? altså onMouseover = "showDIV(div1)"

har selv forsøgt noget med 2 funktioner

function showDIV(navn) {

c = getElementByName(navn);
if (c.style.visibility = "hidden") {
c.style.visibility = "visible"
}

}

function hideDIV(navn) {

c = getElementByName(navn);
if (c.style.visibility = "visible") {
c.style.visibility = "hidden"
}

}


   
Med venlig hilsen
Simon