JS: controle onmouseover

[Verwijderd]

Ik moet een controle kunnen uitvoeren wanneer er een onmouseover of een onmouseout gebeurt op een bepaalde div

iemand een idee hoe ik dit moet doen?

oElement.onmouseover() werkt niet volgens mij.. of werkt dit wel en zit de fout ergens anders?

Dank bij voorbaat

[André]

JavaScript:

oElement.onmouseover = function() { // controle }

Kon je hier echt niets over vinden?

[Gonadan]

Wat heb je geprobeerd?
Wat is de code die je hebt?
Hier kan ik niet zoveel mee

code:

<div onmouseover="doeIets()">...</div>

Zo iets?

[Verwijderd]

"de div verdwijnt enkel bij een onmouseout op de div van de foto’s EN als er geen onmouseover optreedt of het submenu."

dit krijg ik als antwoord van men docent toen ik vroeg hoe ik volgend probleem kon oplossen:

gegroet,


Ik ben bezig met de navigatie van men project en bij sommige delen komt er een extra keuze menu tevoorschijn, een beetje als een drop-down menu (zie: prtsc01.jpg). Nu is het probleem echter dat wanneer ik van div (in dit geval foto) ga met men muis, dat het extra menu terug verdwijnt (wat normaal is natuurlijk). Ik heb al geprobeerd de div's te nesten met een onmouseover in de eerste div (foto) en een onmouseout op het extra menu maar dit gaf ook niet het gewenste resultaat. Weet u soms wat ik zou moeten doen om dit probleem te kunnen oplossen?

Als ik met de muiscursor over ht woord foto's ga moet het extra menu tevoorschijn komen, maar ik moe dan ook de kans krijgen om met men cursus van het woord foto's naar het extra menu te gaan zodat ik op de gewenste link kan klikken. Als ik dan bv over leiding ga met de muiscursor of met de muiscursor van extra menu ga, moet het extra menu weer weggaan.

dit is de lay-out met het submenu:



momenteel heb ik deze code:
html:

HTML:

<div id="fotos" onmouseover="Navigatie('ro_foto')" onmouseout="Navigatie('ro_foto')">
<a href="fotos.html">
[img]"afbeeldingen/fotos.jpg"[/img]
</a>
</div>
<div id='ro_foto' >
<a href='kamp2006.html'>kamp 2006</a>
<br>
<a href='weekend2006.html'>weekend 2006</a>
</div>

js:

JavaScript:

function Navigatie(sID)
{
var oElement = document.getElementById(sID).style;
if (oElement.display == 'block'){
oElement.display = 'none';
}
else
{

oElement.display = 'block';


}
}

css:

Cascading Stylesheet:

#ro_foto {
    position:absolute;
    left: 200px;
    top: 0px;
    border-style:solid;
    border-color:#F58025;
    background-image:url("afbeeldingen/bg_navigatie.jpg");
    display: none;
    z-index: 2;;
    width: 150px;
    text-align:center;
    }
#fotos {
    position:absolute;
    left:30px;
    top:310px;
    width:140px;
    height:20px;
    z-index:2;
}

[ Voor 84% gewijzigd door Verwijderd op 09-05-2006 15:06 ]

[André]

Het kan zijn dat er een onmouseout optreed op het moment dat je over een child van die div hovered. Die child zal vervolgens direct weer een onmouseover bubblen naar de div alleen dan is de div al gesloten. Hiervoor zul je dus een time-out in moeten bouwen

[Verwijderd]

ik heb daar ook al aan zitten denken, maar hoe kan ik dan controleren in die functie met die timer wanneer de muiscursor van de div foto of van de div ro_foto is? want nu verdwijnt de div ro_foto vanaf ik van de s kom van foto's.. ondanks ik de breedte van de div foto al verbreed heb.