Buchstabenanzeige+Formular

Askart

Mitglied
Jeder Handy benutzer kennt das bestimmt ...

Man tippt ein A und dann steht in einer Anzeige wie viele Buchstaben man noch frei hat Beispiel 199 ...

So ich schätze mal dass das Javascript ist! Wenn nich kann ja ein Admin den Post verschieben!

Ein Ansatz zu so einem script wäre richtig nice ;-) ...
 
Hi,

im onkeyup-Event einer Textarea rufst du eine Funktion auf, die die aktuelle Anzahl bereits
eingegebener Zeichen ermittelt. Ist die Differenz von maximal erlaubter Anzahl und aktueller
Zeichenanzahl grösser bzw. gleich Null, gibst du diesen Wert aus. Im anderen Fall setzt du
den Text in der Area wieder auf die maximale Anzahl zurück.

Beispiel:
HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.tutorials.de</title>
<meta name="author" content="Quaese" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
  <!--
// Maximale Anzahl der Zeichen, die eingegeben werden dürfen
var intAnzahl = 200;

function checkIt(objArea){
  // Anzahl eingegebener Zeichen ermitteln
  var intAreaAnzahl = Number(objArea.value.length);

  // Falls die maximale Anzahl noch nicht erreicht wurde
  if((intAnzahl - intAreaAnzahl) >= 0){
    // Anzahl der Restzeichen ausgeben
    objArea.form.txtCount.value = (intAnzahl - intAreaAnzahl);
  // Fall die Maximalanzahl überschritten wurde
  }else{
    // Text auf max. Anzahl zurücksetzen
    objArea.value = objArea.value.substr(0, intAnzahl);
    // Anzahl der Restzeichen ausgeben
    objArea.form.txtCount.value = 0;
  }
}
 //-->
</script>
</head>
<body>
<form method="" action="">
  <textarea name="areaMsg" cols="25" rows="5" onkeyup="checkIt(this);"></textarea>
  <div><input type="text" name="txtCount" value="200" size="3" readonly="readonly" /></div>
</form>
</body>
</html>
Ciao
Quaese
 

Neue Beiträge

Zurück