Patricia: Zähler für max. Zeichen-Eingabe in Textfield

Hallo,
weiss jemand von Euch, wie ich für das im unteren Skript eingefügte Textfeld einen Zeichen-Zähler einbauen kann (Counter), der mir zählend von 8000, immer genau angibt, wieviel Zeichen noch zur Eingabe erlaubt sind?
In den 8000 Zeichen sollen auch die Textinhalte enthalten sein, die mit dem Button "add" unten angefügt und somit aus dem Textfeld "optisch" gelöscht wurden.
UND nach Möglichkeit auch die Zeichen, die für die Speicherung der verknüpften Imagedateien mit draufgehen.
Alles was ich heute versucht habe, hat nicht funktioniert. (unten steht das "Rohscript").
Es wäre ganz toll, wenn ich dafür eine Lösung bekommen könnte. Vielen Dank im Voraus

Patricia

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>counter</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--

var inhalt = '';
 var backup = '';
 function tauscheAus() {
   inhalt = document.form1.txt.value;
   backup += "<br>" + inhalt;
   document.all.meinAbsatz.innerHTML = backup;
   }
 function variableAusgeben() {
   alert(inhalt);
   }

//-->
</script>
</head>

<body>
<table width="699"  border="0">
  <tr>
    <td width="28%" height="46">
<div></div>
      <div id="Kapitel1" style="border:0px solid black;">
        <table width="120%" >
          <tr>
            <td width="14%" height="51"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"> </font></td>
            <td width="86%"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
              </font> <table width="58%" border="1" align="left" cellspacing="1" bordercolor="#CCCCCC" background="images/greySmall.gif">
                <tr class="ArialNormalCenter">
                  <td width="2%">  </td>
                  <td width="14%"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">counter</font></td>
                </tr>
                <tr class="ArialNormalCenter">
                  <td height="41">  </td>
                  <td><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                    <input name="digits" type="text" id="digits5" value="5000" size="7">
                    </font></td>
                </tr>
              </table>
              <font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
              <br>
              <br>
              <br>
              </font></td>
          </tr>
          <tr>
            <td height="31" class="ArialNormalRight"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Text<br>
              <br>
              </font></td>
            <td><form name="form1" method="post" action="javascript:tauscheAus();">
                <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                <input type="text" name="txt" size=60 value="" maxlength="5000">
                <font color="#FFFFFF">_</font></font> <font size="2" face="Verdana, Arial, Helvetica, sans-serif">
                <input type="submit" name="Abschicken2" value="ad" style="width:22px; height:22px; line-height:8px;">
                </font></form></td>
          </tr>
          <tr>
            <td class="ArialNormalRight"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Images<br>
              </font></td>
            <td height="26"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">
              <input name="images" type="file" id="images4" size="30">
              </font></td>
          </tr>
          <tr>
            <td height="27"><div align="right"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong> </strong></font><strong><font color="#000000" size="2" face="Verdana, Arial, Helvetica, sans-serif">all:</font></strong></div></td>
            <td ><table width="102%" border="0">
                <tr>
                  <td width="12%" > </td>
                </tr>
              </table></td>
          </tr>
          <tr>
            <td  class="ArialNormalBold"> </td>
            <td class="ArialNormalLeft" id="meinAbsatz"> </td>
          </tr>
        </table>
  </div></td>
  </tr>
</table>

</body>
</html>

  1. Hallo Patricia

    versuchs doch mal mit einen Script, welches z.B. beim SMS versand verwendet wird (vgl unten)

    Grüsse aus der Schweiz
    R. Strub

    -----------------------

    function textCounter(field, countfield, maxlimit)
    {
     if (field.value.length > maxlimit) field.value = field.value.substring(0, maxlimit);
     else countfield.value = maxlimit - field.value.length;
    }

    <textarea name=ITEM wrap=virtual cols=28 rows=4 onKeyDown="textCounter(this.form.ITEM,this.form.remLen,160);" onKeyUp="textCounter(this.form.ITEM,this.form.remLen,160);"></textarea>

    1. Hallo,
      danke für den Hinweis. Genau soetwas wie einen handycounter brauche ich. Doch leider bringt mir dein Skript nur die Hälfte von dem was ich wissen muss.
      Ich bräuchte noch eine Anzeige, die den aktuellen Zeichenstand angibt, und ihn bei jedem neu eingegebenen Zeichen runterzählt bis 0 und dann keine weitere Angabe mehr erlaubt.

      Wie sieht dafür das Skript aus?

      vielen Dank

      Patricia