gomsoo: Counter bei TextArea

Hallo Miteinander

Ich kriege es wunderbar hin, dass ein Counter mir die übrigen Zeichen zählt in einem Textfeld (wie man dass so kennt von SMS-Seiten)!

Nun möchte ich aber nicht in einem Textfeld, sondern als normaler Text mittels innerHTML anzeigen, wobei ich am Anschlag bin

Mein Code

  
<script type="text/javascript">  
function count() {  
maxLen=160;  
var txt=document.TextArea.taSMS.value;  
if(txt.length>maxLen)  
    {  
      alert("Bitte maximal "+maxLen+" Zeichen eingeben!");  
      document.TextArea.taSMS.value=txt.substring(0,maxLen);  
      document.TextArea.zaehler.value=0;  
    }  
else  
    {  
    document.TextArea.zaehler.value=maxLen-txt.length;  
    document.all.counter.innerHTML = maxLen-txt.length;  
    }  
}  
  
</script>  
<html>  
  
<body>  
  
  <form name="TextArea">  
  
<textarea cols="35" rows="4" name="taSMS" onKeyUp="count()"></textarea>  
<p id="counter">160<input type="text" name="zaehler" value="160" size="3"></p>  
  
</form>  
  
</body>  
</html>  

Kann mir jemand helfen, dass der Zähler funktioniert?

Besten Dank für eure Antworten

Gruss
gomsoo

  1. Hallo,

    wenn ich es richtig verstanden habe, dann so:

    <script type="text/javascript">  
    function count() {  
    maxLen=160;  
    var txt=document.TextArea.taSMS.value;  
    if(txt.length>maxLen)  
        {  
          alert("Bitte maximal "+maxLen+" Zeichen eingeben!");  
          document.TextArea.taSMS.value=txt.substring(0,maxLen);  
        }  
    else  
        {  
      
        document.all.counter.innerHTML = maxLen-txt.length;  
        }  
    }  
      
    </script>  
    <html>  
      
    <body>  
      
      <form name="TextArea">  
      
    <textarea cols="35" rows="4" name="taSMS" onKeyUp="count()"></textarea>  
    <p id="counter">160</p>  
      
    </form>  
      
    </body>  
    </html>
    
    1. Hi

      genau, du hast es richtig verstanden, wunderbar, es funktioniert

      Besten Dank für deine Hilfe

      Gruss
      gomsoo

  2. Hi,

    vergiss das hoffnungslos veraltete all-Objekt und sprich das p-Tag über die ID an:

      
    document.getElementById("counter").innerHTML = ...  
    
    

    Wobei Dir bei der innerHTML-Methode klar sein muss, dass dieses input-Feld dann futsch ist. Dieser Mischmasch sieht irgendwie so aus, als wüsstest Du selbst nicht genau, wie das aussehen soll...

    LG

    1. Hi,

      Wunderbar, jetzt funktioniert, das inputfeld werde ich verschwinden lassen, es geht mir primär um den counter.

      Besten Dank

      Gruss
      gomsoo