[js] div changen

[Verwijderd]

Hallo,

ik heb een functie gemaakt die na een bepaalde tijd, via een setTimeout de innerHTML van een div moet wijzigen. Maarr... hij doet ut niet...

code:

<script language="JavaScript 1.2" type="text/JavaScript">
<!--

function delay(msg, ms)
{   

    var current = document.getElementById('content').innerHTML;
    var msg;
    var ms;

    var future = current+msg;

    setTimeout("document.getElementById('content').innerHTML = future", ms);
}

delay("hoii <br>", 1000);
delay("hoiiii", 1000);

// -->
</script>

<div id="content">
 </div>

Kan iemand mij vertellens wat er fout gaat?

Ik krijg geen errors of iets...

[ Voor 16% gewijzigd door Verwijderd op 15-09-2003 15:32 . Reden: aanvulling ]

[Clay]

ik krijg wel een error. Future is undefined (whoo, cryptisch ) dat komt omdat je die als locale variabele declareert, en die timeout "draait" niet in die delay functie, maar globaal. Die kent de future dus niet. En je stopt ook niets in msg, dus current + msg blijft leeg.

[crisp]

Je herdeclareerd ook de variabelen die je als parameters meegeeft...

[ Voor 4% gewijzigd door crisp op 15-09-2003 15:38 ]

[Verwijderd]

ik had hem eerst idd zo:

code:

<script language="JavaScript 1.2" type="text/JavaScript">
<!--

function delay(msg, ms)
{   

    var current = document.getElementById('content').innerHTML;

    var future = current+msg;

    setTimeout("document.getElementById('content').innerHTML = future", ms);
}

delay("hoii <br>", 1000);
delay("hoiiii", 1000);

// -->
</script>

maar ook dat werkte niet...

btw: ik krijg geen errors hier... IE6.*

[ Voor 15% gewijzigd door Verwijderd op 15-09-2003 15:39 ]

[crisp]

JavaScript:

<script type="text/javascript">

function delay(msg, ms)
{   

    var current = document.getElementById('content').innerHTML;

    var future = current+msg;

    setTimeout('document.getElementById(\'content\').innerHTML=\''+future+'\'', ms);

}

delay('hoii <br>', 1000);
delay('hoiiii', 1000);

</script>

[Verwijderd]

Ehm, ook dat werkt niet.

[gekkie]

D'r was geloof ik ook een functie waarbij je kan "appenden" binnen een setje tags.
Is zoeken in de msdn-library (mits het alleen in MSIE hoeft te werken) ?

[Clay]

of zo, kan ook nog (niet in ie5.0);

JavaScript:

function delay(msg, ms) {
    setTimeout(function() { 
        document.getElementById('content').innerHTML += msg; 
    }, ms);
}

delay('hoii <br>', 1000);
delay('hoiiii', 1000);

[Verwijderd]

Ja, dat werkt wel, maar dan komt alles tegelijk en niet met intervallen van een seconde...

[crisp]

zo dan:

JavaScript:

<script type="text/javascript">

function delay(msg, ms)
{    

    setTimeout('document.getElementById(\'content\').innerHTML+=\''+msg+'\'', ms);

}

delay('hoii <br>', 1000);
delay('hoiiii', 1000);

</script>

te laat....

[ Voor 4% gewijzigd door crisp op 15-09-2003 15:54 ]

[gekkie]

wat dat je van de method: insertAdjacentHTML() ?

[Verwijderd]

voor de methode van crips geldt hetzelfde. werkt prima, maar tegelijk.

[crisp]

Verwijderd schreef op 15 September 2003 @ 15:54:
voor de methode van crips geldt hetzelfde. werkt prima, maar tegelijk.

ja, logisch toch?

[gekkie]

uhmm lijkt tegelijk omdat je 2 delays bijna op hetzelfde moment worden uitgevoerd .. en dezelfde aantal ms hebben ..

[Verwijderd]

Ah, eigenlijk wel...
ik had hem natuurlijk danwel (hoeheetdatookalweer, een functie die zichzelf weer aanroept) moeten maken, danwel zelf de ms-time op moeten schroeven

thanks, het werkt nu