Buchstabenzähler / Zeichzähler von Eingabefeld

[RogerM]

Hallo Leute,
würde den Besuchern gerne die Anzahl der getippten Zeichen in einem Eingabefeld anzeigen lassen. Leider habe ich Probleme bei der Umsetzung. Wäre dankbar für jede Hilfe was entweder ein neues Script anbelangt oder das weiter unten gepostete.

Es geht NUR um das Feld "Überschrift", das soll berechnet werden.

<!-- content start -->
    <fieldset>
        <?php if(isset($post_args["content-title-tf"])) {
            $temp_text = $post_args["content-title-tf"];
        } else { 
            $temp_text = "";
        } ?>
        <label for="content-title-tf">Überschrift:
            <br/>
        </label>
        <input type="text" title="Überschrift" name="content-title-tf" id="content-title-tf" size="30" value="<?php echo htmlentities($temp_text,ENT_QUOTES,get_bloginfo('charset')); ?>"/>
        <br/><br/>
        <label for="content-text-ta" class="required">Frage:
        </label>
            <br/>
        <textarea title="Frage" rows="10" cols="40" name="content-text-ta" id="content-text-ta" ><?php if(isset($post_args["content-text-ta"])) {
                echo $post_args["content-text-ta"];
            } else { ?><?php } ?></textarea>

    </fieldset>
    <!-- content end -->

Und das wäre ein Script was ich dazu gefunden habe aber mir der Einbau schleierhaft von einem bereits vorhanden Feld ist:

<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
function count( val ) {
   document.getElementById('ausgabe').innerHTML = val.length + " Zeichen wurden eingegeben";
}
//-->
</script>
<textarea name="text" id="text" rows="4" cols="30" onkeyup="count(this.value);">
</textarea>
<br />
<!-- BITTE BEACHTEN: Der folgende Link darf nicht entfernt oder geändert werden -->
<div id="kostenlosejavascripts" align="center"><a href="http://mobile-internetflat.com/simply/" title="Simply" target="_blank">Simply</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=359"></script>
<!-- präsentiert von kostenlose-javascripts.de -->

 

[Sempervivum]

Du musst nur die Funktion count() mit dem Inhalt deines Input-Feldes aufrufen:

count(document.getElementById("content-title-tf").value);

Diese Funktion trägt den Wert in ein div oder span mit der ID "ausgabe" ein. Wenn in das input-Feld auch mit der Tastatur eingegeben wird, müsstest Du den Funktionsaufruf in einem onkeyup-Event notieren:

<input type="text" title="Überschrift" name="content-title-tf" id="content-title-tf" size="30" [B]onkeyup='count(this.value);'[/B] value="<?php echo htmlentities($temp_text,ENT_QUOTES,get_bloginfo('charset')); ?>"/>

Viel Erfolg und viele Grüße - Ulrich