[JS/HTML] problemen met verdwijnen layers bij slidedownmenu

[Theske]

Hallo,
Ik ben al een tijdje bezig met het op orde krijgen van mijn menu en heb ook al eens eerder om jullie hulp geroepen, maar helaas is het me nog niet gelukt. Ik dacht om nu maar eens met een frisse lei verder te gaan.

Ik heb dus een slide down menu gemaakt met verschillende kleuren. Dit heb ik voor elkaar gekregen door verschillende div's te laden. Nu is dat allemaal wel mooi gelukt alleen wanneer een balkje is uitgeklapt en ik met mijn muis over het volgende menu kopje ga, dan komt daaruit mooi het desbetreffende menu, maarrrrrr dan klapt het menu van het eerste menu kopje niet meer in
Wanneer ik uit de layer verdwijn met mijn muis, dan klapt de balk netjes in.. ook wanneer ik klik op het hoofdmenu kopje, klapt hij netjes in. Het probleem is dus alleen wanneer ik met mijn muis over de verschillende menukoppen heen ga, zonder van de menubalk te verdwijnen met mijn muis.

Ik denk dat het komt doordat alle div's tegelijk worden geladen en dat hij daarmee in de knoop komt.... ik kan ze in ieder geval niet apart laden (voor zover ik het getest) want dan werkt alleen diegene die direct is geladen. (Hij laat alle div's direct bij het laden van de pagina)

Ik heb al wat geprobeerd, door op verschillende plekken koppelingen naar functies te maken... zo ook in de link bij onMouseout en bij de functie dropdownmenu() heb ik geprobeerd de functie delayhidemenu() aan te roepen, maar dan verdwijnt het uitgeklapte menu direct weer (zoals naar verwachting) .

Ik hoop dat het een beetje duidelijk is en dat jullie me hiermee kunnen helpen.
Mocht er iets niet duidelijk zijn dan hoor ik het graag.
Alvast hartelijke dank!

Het menu wordt aangeroepen dmv van:::

HTML:

<a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '1', '160px')" onMouseout="delayhidemenu()">bureau</a>

en de code is:::
(Ik heb weggelaten wat voor zover ik weet niet relevant is voor het oplossen van mijn probleem. Het kan zijn dat er misschien nog een aantal zaken weggelaten konden worden, maar ik zou eigenlijk niet weten wat dat dan zou kunnen zijn, mijn excuses ervoor dan. Ik heb gezegt dat het java is ipv js, want hierbij krijg je de mooie kleurtjes )

Java:

if (ie4||ns6){ 
document.write('<div id="dropmenudiv1" style="visibility:hidden;width:'+menuwidth+';" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>') 
//enz..
}

function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function dropdownmenu(obj, e, menucontents, menustyle, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()

if (menustyle == 1) {
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv1") : dropmenudiv1
}
//enz..

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",250)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

[BtM909]

Waarom ga je niet gewoon verder in je oude topic

[rml][ JS en HTML] layers verdwijnen niet altijd bij onMouseout[/rml]

Overigens is het belangrijk om te weten hoe je die layers toevoegt. Waarschijnlijk dynamisch (althans met JS geset), maar ik zie dat niet terugkomen in je voorbeeld. Waarom is dat belangrijk, dan kunnen we controleren waarom die onmouseout niet wordt getriggered