HTML Textarea: Zeichen Zählen mit JS

Diskutiere mit über: HTML Textarea: Zeichen Zählen mit JS im Web-Programmierung Forum

  1. martinibook

    martinibook Thread Starter MacUser Mitglied

    Beiträge:
    8.564
    Zustimmungen:
    350
    Registriert seit:
    20.08.2005
    Hallo,

    Vielleicht kennt ihr das aus ICQ und Co, da wird unten in einem Kästchen angezeigt, wie viele Zeichen man getippt hat.

    Ich würde gerne mit JavaScript die Zeichen (später auch Wörter) zählen und in einem schreibgeschützten Textfeld anzeigen lassen.

    Wie mache ist das?

    Martin
     
  2. Jakob

    Jakob MacUser Mitglied

    Beiträge:
    1.067
    Zustimmungen:
    21
    Registriert seit:
    05.01.2004
    Ich habe das mal so gelöst:

    PHP:
    <textarea name="kommentar" id="kommentar" onchange="RestlicheZeichen(this);" onkeyup="RestlicheZeichen(this);">Kommentar</textarea>
    JS:
    PHP:
    function RestlicheZeichen(form){
        
    Erlaubt=2000;
        
    Laenge=document.Kontakth.kommentar.value.length;
        if(
    Laenge>Erlaubt){
            
    document.Kontakth.kommentar.value=document.Kontakth.kommentar.value.substring(0,Erlaubt);
            
    Restliche=0;
        }
        else {
            
    Restliche=Erlaubt-Laenge;
        }
        if(
    Laenge>1300){
            
    document.Kontakth.Laenge.style.display="inline";
        }
        
    document.Kontakth.Laenge.value=Restliche;
    }
    Bei dem Code erscheint das mitzählende Feld erst ab dem 1.300ten Zeichen um die restlichen Zeichen anzuzeigen. Das lässt sich aber leicht anpassen. Vom Stil her bestimmt nich das beste Skript, aber schnell und funktioniert.

    Offtopic: Gibt es eigentlich hier im Forum eine Möglichkeit auch Syntax-Highlighting für andere Sprachen als PHP zu aktivieren?
     
  3. ph!l

    ph!l MacUser Mitglied

    Beiträge:
    117
    Zustimmungen:
    2
    Registriert seit:
    09.03.2006
Die Seite wird geladen...
Ähnliche Themen - HTML Textarea Zeichen Forum Datum
Importieren von Csv-Datei in HTML und Verwenden von Knoten js Web-Programmierung 02.11.2016
Formular direkt ausfüllen mit HTML Web-Programmierung 16.05.2015
HTML Code - Einbindung in Joomla möglich ? Web-Programmierung 15.08.2014
Desktop- und Mobileversion einer Webseite Web-Programmierung 11.02.2013
Mehrere Anonyme HTML-Elemente in JS auf einmal ansprechen Web-Programmierung 08.11.2012

Diese Seite empfehlen

Benutzerdefinierte Suche