[js] mouse over op een anchor valt weg

[paragon]

Ik ben een uitklap menu aan het maken maar wanneer ik over de text binnen de <a> tag hoover valt de mouse over weg. Dit valt normaal eigenlijk niet op maar sinds ik een fade-effect heb in het menu werdt het opeens zichtbaar.

code:

<a class="special">text binnen a</a>

code:

a {
    display:block;
    padding:3px 0;
    text-decoration:none;
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
    color:#444; 
}

code:

function addRollOver() {
    if (cb) {
        var roArr=document.getElementsByTagName("a");
        for (var i=0; i<roArr.length; i++) {
            var el = roArr[i];
            if (el.className == "special" || el.className == "specialS") {
                el.onmouseover = function() {
                    clearTimeout(timer); 
                    makeVis('submenu',this);
                    return false;
                }
                el.onmouseout = function() { 
                    timer = setTimeout("makeHid('submenu')",250);
                    return false;
                }
            }
        }
    }
}

function makeVis(el,ref) {
    el = document.getElementById(el);
    el.style.display = "block";
    if (ref.parentNode.className != "sub") {
        fadeIn(0);
    }
}

function makeHid(el) {
    document.getElementById(el).style.display = "none";
}

Waar het dus om gaat is dat de mouseover wegvalt asl ik met de pointer over de text binnen <a> ga. Hoe kan je dit voorkomen?

Ik zie nu dat de mouseover in IE6 juist alleen werkt als ik over de text binnen <a> heen ga

[ Voor 27% gewijzigd door paragon op 10-11-2004 23:52 ]

[faabman]

waarom staat er een return false in je functies??

[paragon]

hmm weet ik eigenlijk niet, zal het even weghalen niet dat het wat uitmaakt.

Hmm blijkt dat ik een span om de text had laten staan. Nu deze weg is werkt FF normaal alleen pakt IE alleen nog steeds de mouse over op de tekst binnen <a> en niet op de box die <a> is. <-- nu ook opgelost dor width:100% te doen op desbetreffende a-tag. Visueel maakt het niet uit maar voor de mouseover in IE wel.

[ Voor 96% gewijzigd door paragon op 11-11-2004 01:21 ]

[Verwijderd]

wat doet fadeIn() ?

[paragon]

fade in zorgt voor het fade effect. maar de code was niet van belang want het ging om de wegvallende mouseover. Maar alles is dus opgelost.

[Thijsmans]

Overigens heb je én gaan name-attr. én geen href-attr. in je a-tag, wat natuurlijk wel moet. Anders kun je net zo goed een span/div gebruiken

[paragon]

Prammenhanger schreef op 11 november 2004 @ 12:55:
Overigens heb je én gaan name-attr. én geen href-attr. in je a-tag, wat natuurlijk wel moet. Anders kun je net zo goed een span/div gebruiken

In werkelijkheid wel dit was geen copy past foutje van mij. Zal voortaan wat zorgvuldigger zijn.