Javascript-Zeichen zähler

...komplette Frage anzeigen

1 Antwort

Na... da Fehlt aber so einiges... Was sagt denn deine JS-Console dazu?

Versuch mal das:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <title></title>
  <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
  <script type="text/javascript">
    function updateCounter() {
      var maxCharCount = 20;
      var input = $("input#message");
      var counter = $("span#counter");
      if (input && counter) {
        var content = input.val();
        var charCount = content.length;
        if (charCount > maxCharCount) {
          input.val(content.substring(0, maxCharCount));
          counter.text(0);
        } else {
          counter.text(maxCharCount - charCount);
        }
      }
    }
  </script>
  </head>
  <body>
    <input type="text" id="message" value="" onkeyup="updateCounter();">
    </textarea>
    <span id="counter">20</span>
  </body>
</html>

Das dynamisch machen geb ich dir als Hausaufgabe ;-)

grafensport 26.01.2013, 11:00

er bringt mir obwohl oben definiert die Fehlermeldung content nicht definiert. In dieser Zeile: var charCount = content.length;

0
myjack 26.01.2013, 11:24
@grafensport

Nimm einfach das Script was ich gepostet habe.

Dein Script benutzt ein mir unbekanntes JS-Framework (Diese update()-Funktion z.B. kenne ich nicht). Weiterhin kenne ich deinen HTML-Code nicht. Dort kann genauso gut was fehlen. (ID oder Class oder Name oder was auch immer dieses Framework mit der Syntax $('message') erwartet...)

0
grafensport 26.01.2013, 18:08
@myjack
<form method="POST" action="index.php"> 
    <textarea cols="20" maxlength="1000" id="posting" name="PostingText" onkeydown="updateCounter();" onkeyup="updateCounter();" rows="4" style="width: 380px; height: 140px;font-family: verdana,sans-serif; font-size: 13px;">
    </textarea> <br />
     <input type="submit" value="Speichern" style="width:140px;height:30px"/><br />
        <span id="counter">1000</span></form>

(Weis nicht warum die ersten beiden Spitzenklammern nicht richtig angezeigt werden). In der Funktion die du mir gegeben hast habe ich natürlich message mit posting ausgebessert.

0

Was möchtest Du wissen?