Menu beweging

[yetti4]

Ik ben bezig met een uitschuifbare menu:

HTML:

<div class="tbwrap" onmouseover="menu(2,1)" onmouseout="menu(2,-1)"><!-- --><div class="expand blauw_over" id="m2" style="width:5px"><!-- --></div><div class="tabblad blauw"><!-- --></div></div>

JavaScript:

function menu(d,wat) {
    pos = document.getElementById("m"+d).style.width;
    pos = Number(pos.replace("px",""))+ wat;    
    if (pos<11 && pos>4) {
        document.getElementById("m"+d).style.width = pos + "px";
        setTimeout("menu("+d+","+wat+")",25);
    }
}

Het is de bedoeling dat width van 5 naar 10 en terug loopt. Maar het spacet m een beetje.
Voorbeeld: *spam*

[ Voor 2% gewijzigd door RobIII op 25-07-2008 21:06 ]

[Verwijderd]

http://www.sitemasters.be...ht/overzicht&cat=4&id=348

Gebruik clearTimeout

[yetti4]

Gebruik clearTimeout

Ik heb clearTimeout toegevoegd, echter geen resultaat:

JavaScript:

function menu(d,wat) {
    pos = document.getElementById("m"+d).style.width;
    pos = Number(pos.replace("px",""))+ wat;    
    if (pos<11 && pos>4) {
        document.getElementById("m"+d).style.width = pos + "px";
        window.setTimeout("menu("+d+","+wat+")",25);
    }
    else{
        window.clearTimeout();
    }
}

[RobIII]

yetti4 schreef op vrijdag 25 juli 2008 @ 19:26:
Het is de bedoeling dat width van 5 naar 10 en terug loopt.

Het is ook de bedoeling dat je zelf wat voorwerk doet en een degelijke topicstart maakt We zijn geen afhaalbalie voor kant-en-klare oplossingen
Kan iemand even...?

Zie ook onze Quickstart, en dat is overigens niet voor het eerst dat je op beide links gewezen wordt.

Overigens: als je gewoon de documentatie zou lezen zou je ook zien waarom de clearTimeout niet werkt... *hint* timeoutID */hint*

[ Voor 50% gewijzigd door RobIII op 25-07-2008 21:08 ]