[JS] OnMouseOut en div werkt niet lekker. - Softwareontwikkeling

dinsdag 23 juli 2002 15:52

Acties:

Verwijderd

Topicstarter

Jaja, ik heb ook zo'n dropdown menuutje.

Bij OnMouseOver komt er een mooi menuutje naar beneden en bij OnMouseOut gaat deze weer weg.
Alles werkt perfect als er niets in de div's staat.
Nou heb ik een paar <img> in de div (submenu) gezet en nou klapt het submenu vrijwel gelijk in als ik over een <img> ga, maar nog op de layer sta met mijn muispijltje?
Het moet natuurlijk pas inklappen als ik buiten de layer kom.

Zie ik iets stoms over het hoofd?

dinsdag 23 juli 2002 15:55

Acties:

gorgi_19

Kruimeltjes zijn weer op :9

Erh.. Er zit iets fout in je code; meer kan ik er op dit moment niet uithalen. Kan je misschien een stukje relevante code hier neerzetten?

Digitaal onderwijsmateriaal, leermateriaal voor hbo

dinsdag 23 juli 2002 15:55

Acties:

Verwijderd

Topicstarter

voor degene die code willen zien:

code:

&lt;?php

?&gt;

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;&lt;/title&gt;

    &lt;STYLE TYPE=&quot;text/css&quot;&gt;
    &lt;!--
    @import url(stylesheet.css);
    --&gt;
    &lt;/STYLE&gt;

&lt;script&gt;

if (document.layers)
{
    visible = 'show';
    hidden = 'hide';
}
else if (document.all)
{
    visible = 'visible';
    hidden = 'hidden';
}

function Menu(Div1, Div2)
{
    if (document.layers)
    {
        Hide = document.layers[Div1];
        Show = document.layers[Div2];
    }
    else if (document.all)
    {
        Hide = document.all(Div1).style;
        Show = document.all(Div2).style;
    }
        
    setTimeout('Hide.visibility = hidden', 500);
    Show.visibility = visible;
}

&lt;/script&gt;

&lt;/head&gt;

&lt;body bgcolor=&quot;black&quot;&gt;

&lt;div id=&quot;top&quot; class=&quot;top&quot;&gt;
&lt;/div&gt;

&lt;div id=&quot;topHome&quot; class=&quot;topHome&quot; onMouseover=&quot;Menu('topHome', 'topHomeMn'); return false;&quot;&gt;
    &lt;img src=&quot;pics/bthome.gif&quot; name=&quot;bthome&quot; border=&quot;0&quot;&gt;
&lt;/div&gt;

// **** hier zit het probleem..

&lt;div id=&quot;topHomeMn&quot; class=&quot;topHomeMn&quot; onMouseout=&quot;Menu('topHomeMn', 'topHome'); return false;&quot;&gt;
    &lt;img src=&quot;pics/bthome-ov.gif&quot; name=&quot;bthome-ov&quot; border=&quot;0&quot;&gt;&lt;br&gt;
    &lt;img src=&quot;pics/btregio.gif&quot; name=&quot;btregio&quot; border=&quot;0&quot;&gt;&lt;br&gt;
    &lt;img src=&quot;pics/btklassen.gif&quot; name=&quot;btklassen&quot; border=&quot;0&quot;&gt;&lt;br&gt;
    &lt;img src=&quot;pics/btarchief.gif&quot; name=&quot;btarchief&quot; border=&quot;0&quot;&gt;
&lt;/div&gt;

&lt;div id=&quot;topRegio&quot; class=&quot;topRegio&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;topKlassen&quot; class=&quot;topKlassen&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;topClubinfo&quot; class=&quot;topClubinfo&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;topArchief&quot; class=&quot;topArchief&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;topLinks&quot; class=&quot;topLinks&quot;&gt;&lt;/div&gt;

&lt;div id=&quot;bottom&quot; class=&quot;bottom&quot;&gt;
&lt;?php include(&quot;content/klassen.php&quot;); ?&gt;
&lt;/div&gt;

&lt;div id=&quot;banner&quot; class=&quot;banner&quot;&gt;&lt;/div&gt;

&lt;/body&gt;
&lt;/html&gt;

dinsdag 23 juli 2002 16:15

Acties:

crisp

Devver

Pixelated

Een vertraging inbouwen bij het wegklappen, en die cancellen als je je toch nog boven de DIV bevind (onMouseOver wordt weer getriggered).

Intentionally left blank

dinsdag 23 juli 2002 16:34

Acties:

Verwijderd

Topicstarter

Hey het werkt idd, gewoon een OnMouseOver toegevoegd.

code:

1
2
3

&lt;div id=&quot;topHomeMn&quot; class=&quot;topHomeMn&quot;
onMouseover=&quot;Menu('topHome', 'topHomeMn'); return false;&quot;
onMouseout=&quot;Menu('topHomeMn', 'topHome'); return false;&quot;&gt;

Maar dit is een beetje fout en belastend toch?
Bij elke beweging wordt de mouseover getrickerd.
Kan dit niet beter?
Is het niet gewoon een stom HTML foutje ofzo...
en zo niet, wat is de oorzaak van dit probleem, dat zou ik ook graag willen weten.

dinsdag 23 juli 2002 16:35

Acties:

Morrar

Probleem is dat zodra de muis op iets IN de layer staat, hij niet meer op de layer ZELF staat! De layer krijgt dan een onmouseout en gaat weer weg dus...

Vertraging is een optie zoals hierboven gezegd. Of events doorgeven van de objecten in de layer. Of checken met muiscoordinaten of de muis nog op het menu zit...

Er zijn dus zeker opties, maar ze zijn wat lastiger te realiseren.

Suc6

dinsdag 23 juli 2002 16:42

Acties:

Verwijderd

Topicstarter

Op dinsdag 23 juli 2002 16:35 schreef Morrar het volgende:
Probleem is dat zodra de muis op iets IN de layer staat, hij niet meer op de layer ZELF staat! De layer krijgt dan een onmouseout en gaat weer weg dus...

Vertraging is een optie zoals hierboven gezegd. Of events doorgeven van de objecten in de layer. Of checken met muiscoordinaten of de muis nog op het menu zit...

Er zijn dus zeker opties, maar ze zijn wat lastiger te realiseren.

Suc6

Hoe komt het dan dat de OnMouseOver toch werkt ook al sta ik op een plaatje?
Is het een soort signaalverwerking, eerst ziet IE de <IMG> (en hier geeft die een OnMouseOut) en dan de <DIV> (en hier geeft die een OnMouseOver).

dinsdag 23 juli 2002 17:14

Acties:

Bosmonster

*zucht*

Dt document.layers gebeuren kun je er wel uit halen.. Ten eerste werken de event toch niet als je ze in de tag definieert. Ten tweede is dat hide/hidden verhaal onzin. visibility kun je in alle browsers (ja zelfs NS4) zetten met "visible" en "hidden".

Misschien kun je je beter op wat modernere dhtml richten middels DOM (getElementById() e.d.).

dinsdag 17 september 2002 09:07

Acties:

Verwijderd

Hey...

Ben sinds kort ook bezig met layers, misschien kun je gewoon dit proberen, bij mij werkt het!!!
<div id="i2"
onmouseover="javascript:showlayer1('w');showlayer('i2');"
onmouseout="javascript:hidelayer('i2');hidelayer1('w');">

je moet ze dan wel op treu zetten natuurlijk!!!

dinsdag 17 september 2002 09:29

Acties: