[html/javascript] tekst updaten bij typen in textarea

[Gertjan]

Ik heb een javascriptje wat bijhoudt hoeveel karakters er in een textarea getikt zijn en verhindert dat dat er meer worden dan een bepaald aantal. In een tekstveldje daaronder kan ik dan ook weergeven hoeveel karakters de gebruiker nog overheeft.

Nu wil ik dit laatste alleen graag zonder tekstveld laten zien. Ik denk dat dit met een <div> wel moet kunnen, maar ik kom er even niet uit. Kan iemand me een zetje in de goede richting geven? Zoekwoorden zijn wat lastig te verzinnen hiervoor .

Het javascriptje:

code:

function checkLength() {    
    var maxLength = 300;
    
    with( document.gbForm.bericht ) {
        if (value.length > maxLength) {
            value = value.substring(0,maxLength);
        }
        
        count = maxLength - value.length;
    }
    
    with( document.gbForm.count ) {
        value = count;
    }
}

en de html:

code:

<form method="post" name="gbForm">
<textarea name="bericht" rows="5" cols="35" onKeyUp="checkLength()">
Nog <input type="text" name="count" size="2" value="300" disabled> tekens over
</form>

(irrelevante code weggelaten)

[BtM909]

Geef je div / span een id en verwijs dan als volgt:

code:

document.getElementById('BtM909').innerHTML = maxLength - value.length;

[disjfa]

innerHTML

[Gertjan]

getElementById(), dat was em ja ...

heb je toevallig enig idee door welke browsers dit ondersteund wordt? Ik las dat InnerHTML niet door elke browser even enthousiast ontvangen wordt

[disjfa]

Ali_Illegali schreef op 02 april 2004 @ 10:56:
heb je toevallig enig idee door welke browsers dit ondersteund wordt? Ik las dat InnerHTML niet door elke browser even enthousiast ontvangen wordt

Als je m w3c correct wilt hebben heb je getElementById("bla").firstChild.nodeValue hebben maar innerHTML word ook goed behapt door alle browsers hoor. Alleen wel bedacht door mensen van MS