Textarea Zeichencounter?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von DeSmAn, 1. Juli 2006 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 1. Juli 2006
    Hallo zusammen,

    Ich habe ein Problem also...

    Ich habe eine Textarea in die von Usern etwas eingegeben werden kann. Jetzt brauche ich einen Counter der zb. von 1000 Zeichen herrunter Zählt und wenn diese 1000 geschriebenen Zeichen erreicht sind soll die Textarea blocken so das nicht weiter geschrieben werden kann.

    hat jeman zufälligerweiße ein Script dafür das er mir geben könnte?

    Mfg DeSmAn

    //edit

    Hab mir selbst geholfen (GOOGLE hilft immer) sry!!!

    *CLOSE

    //edit

    Sry das ich es wieder aufmache!

    Ich habe zwar nen code für nen Zeichen counter gefunden

    Code:
    <script language="JavaScript"> 
    <!-- 
    function CountMax() 
    { 
    var wert,max; 
    max = 65; 
    wert = max-document.eingabe.text.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.text.value = document.eingabe.text.value.substring(0,max); 
    wert = max-document.eingabe.text.value.length; 
    document.eingabe.rv_counter.value = wert; 
    
    } else { 
    document.eingabe.rv_counter.value = max - document.eingabe.text.value.length; 
    } 
    } 
    //--> 
    </script> 
    
    
    <form name="eingabe" method="post"> 
    <textarea name="text" rows="10" cols="30" maxlength="500" OnFocus="CountMax();" OnClick="CountMax();" ONCHANGE="CountMax();" onKeydown="CountMax();" onKeyup="CountMax();" wrap="virtual"></textarea> 
    <br> 
    Es stehen noch <input name="rv_counter" type="TEXT" size="4" maxlength="3" value="65" readonly> Zeichen zur Verfügung. 
    <br> 
    <input type="submit" value="speichern"> 
    </form> 
    
    aber mein problem ist jetzt wie mache ich das das 3 Textfelder gecountet werden 1 soll 1000 Zeichen haben und die anderen beiden sollen nur 500 zeichen haben würde das einer für mich umschreiben bitte!

    MFG DeSmAn

    PS: 10ner wäre sicher!
     

  2. Anzeige
  3. #2 2. Juli 2006
    lol? is doch genau das elbe nur bissel ganz elciht ändern? -.-

    Hier mal kurzgefasst:

    Code:
    
    <script language="JavaScript"> 
    <!-- 
    function CountMax() 
    { 
    var wert,max; 
    max = 1000; 
    wert = max-document.eingabe.text.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.text.value = document.eingabe.text.value.substring(0,max); 
    wert = max-document.eingabe.text.value.length; 
    document.eingabe.rv_counter1.value = wert; 
    
    } else { 
    document.eingabe.rv_counter1.value = max - document.eingabe.text.value.length; 
    } 
    } 
    
    
    function CountMax500() 
    { 
    var wert,max; 
    max = 500; 
    wert = max-document.eingabe.textarea.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.textarea.value = document.eingabe.textarea.value.substring(0,max); 
    wert = max-document.eingabe.textarea.value.length; 
    document.eingabe.rv_counter2.value = wert; 
    
    } else { 
    document.eingabe.rv_counter2.value = max - document.eingabe.textarea.value.length; 
    } 
    } 
    
    
    
    function Max500() 
    { 
    var wert,max; 
    max = 500; 
    wert = max-document.eingabe.textar.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.textar.value = document.eingabe.textar.value.substring(0,max); 
    wert = max-document.eingabe.textar.value.length; 
    document.eingabe.rv_counter2.value = wert; 
    
    } else { 
    document.eingabe.rv_counter2.value = max - document.eingabe.textar.value.length; 
    } 
    } 
    
    //--> 
    </script> 
    
    
    <form name="eingabe" method="post"> 
    <textarea name="text" rows="10" cols="30" maxlength="1000" OnFocus="CountMax();" OnClick="CountMax();" ONCHANGE="CountMax();" onKeydown="CountMax();" onKeyup="CountMax();" wrap="virtual">1000 ZEICHEN MAXIMAL</textarea> 
    
    <textarea name="textarea" rows="10" cols="30" maxlength="1000" OnFocus="CountMax500();" OnClick="CountMax500();" ONCHANGE="CountMax500();" onKeydown="CountMax500();" onKeyup="CountMax500();" wrap="virtual">500 ZEICHEN MAXIMAL</textarea>
    
    
    <textarea name="textar" rows="10" cols="30" maxlength="1000" OnFocus="CountMax500();" OnClick="CountMax500();" ONCHANGE="CountMax500();" onKeydown="CountMax500();" onKeyup="CountMax500();" wrap="virtual">500 ZEICHEN MAXIMAL</textarea>
    
    
    <input type="submit" value="speichern"> 
    </form> 
    
    

    jetzt haste 1ne Textare mit 1000 Zeichen und 2 mit 500.

    mfg

    cydoc
     
  4. #3 2. Juli 2006
    Code:
    <script language="JavaScript"> 
    <!-- 
    function CountMax() 
    { 
    var wert,max; 
    max = 1000; 
    wert = max-document.eingabe.text.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.text.value = document.eingabe.text.value.substring(0,max); 
    wert = max-document.eingabe.text.value.length; 
    document.eingabe.rv_counter1.value = wert; 
    
    } else { 
    document.eingabe.rv_counter1.value = max - document.eingabe.text.value.length; 
    } 
    } 
    
    
    function CountMax500() 
    { 
    var wert,max; 
    max = 500; 
    wert = max-document.eingabe.textarea.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.textarea.value = document.eingabe.textarea.value.substring(0,max); 
    wert = max-document.eingabe.textarea.value.length; 
    document.eingabe.rv_counter2.value = wert; 
    
    } else { 
    document.eingabe.rv_counter2.value = max - document.eingabe.textarea.value.length; 
    } 
    } 
    
    
    
    function CountMax500() 
    { 
    var wert,max; 
    max = 500; 
    wert = max-document.eingabe.textar.value.length; 
    if (wert < 0) { 
    alert("Es dürfen nicht mehr als " + max + " Zeichen eingegeben werden!"); 
    document.eingabe.textar.value = document.eingabe.textar.value.substring(0,max); 
    wert = max-document.eingabe.textar.value.length; 
    document.eingabe.rv_counter3.value = wert; 
    
    } else { 
    document.eingabe.rv_counter3.value = max - document.eingabe.textar.value.length; 
    } 
    } 
    
    //--> 
    </script> 
    
    
    <form name="eingabe" method="post"> 
    <textarea name="text" rows="10" cols="30" maxlength="1000" OnFocus="CountMax();" OnClick="CountMax();" ONCHANGE="CountMax();" onKeydown="CountMax();" onKeyup="CountMax();" wrap="virtual">1000 ZEICHEN MAXIMAL</textarea> 
    
    <textarea name="textarea" rows="10" cols="30" maxlength="1000" OnFocus="CountMax500();" OnClick="CountMax500();" ONCHANGE="CountMax500();" onKeydown="CountMax500();" onKeyup="CountMax500();" wrap="virtual">500 ZEICHEN MAXIMAL</textarea>
    
    
    <textarea name="textar" rows="10" cols="30" maxlength="1000" OnFocus="CountMax500();" OnClick="CountMax500();" ONCHANGE="CountMax500();" onKeydown="CountMax500();" onKeyup="CountMax500();" wrap="virtual">500 ZEICHEN MAXIMAL</textarea>
    
    
    <input type="submit" value="speichern"> 
    </form> 
    
    und jetzt geht es auch beim dritten fenster ^^
     
  5. #4 2. Juli 2006
    Jau danke jetzt habe ichs verstanden werde nochn bissel an den codes basteln!

    10ner habt ihr sicher!

    MFG DeSmAn
     

  6. Videos zum Thema
Die Seite wird geladen...
Similar Threads - Textarea Zeichencounter
  1. Antworten:
    2
    Aufrufe:
    1.014
  2. Antworten:
    5
    Aufrufe:
    950
  3. Antworten:
    2
    Aufrufe:
    985
  4. [JavaScript] textarea bearbeiten

    Atkaz , 28. Dezember 2010 , im Forum: Webentwicklung
    Antworten:
    2
    Aufrufe:
    366
  5. Antworten:
    2
    Aufrufe:
    511