2x bewertet

Anzeigen von übrigen Zeichen

von Delite  |  08.06.2007 um 21:38 h
Javascript Anwendungen
Typ: Javascript Anwendungen
Stufe:Mittel
Dieses Skript funktioniert so, wie auf Giatu.de das Formular zur Kurzbeschreibung. Denn die Beschreibung soll nicht länger als 100 Zeichen sein.
HIER nochmal das Beispiel.
Wir wollen also die Länge der Zeichen ermitteln der Quellcode sieht hierbei so aus:
<html>
<head>
<title>Beispiel</title>
<script language="JavaScript">
<!--
var Anzahl = 200; // Anzahl der erlaubten Zeichen
var Rest = Anzahl; // Wieviele Zeichen am Anfang noch da sind.
function Zeichen()
{
var Laenge = document.Formular.Text.value.length; // Länge des Textfeldes
if(Laenge > Anzahl) {
Rest = 0;
document.Formular.Text.value = document.Formular.Text.value.substring(0, Anzahl); // schneidet den text auf Anzahl-zeichen ab, damit man nicht mehr posten kann
} else {
Rest = Anzahl-Laenge; // Rest gleich Anzahl-Länge
}
document.Formular.Rest.value = Rest; // Rest anzeigen
}
//-->
</script>
</head>
<body>
<center>
<br><br>
<form action="#" method=post name="Formular">
<textarea name="Text" onkeydown="Zeichen();" onkeyup="Zeichen();"></textarea>
<br>noch <input type="text" name="Rest" value="200" size=4> Zeichen
</form>
</center>
</body>
</html>
Die Kommentare erklären ja schon so einiges.
document.Formular.Rest
Formular ist hierbei der name des Formulares der unter <form name=""> zu sehen ist.
Rest ist hierbei der Name des Input-Feldes. Rest ist unser Restfeld und Text unser Feld mit dem Text.
var Anzahl könnt ihr beliebig ändern ;)

Ihr könnt natürlich alles schön gestalten je nach euren Wünschen. Ihr könnt gerne noch Fragen stellen ;)



1 Kommentare




monkeybox

danke <3
am 08.06.2007 um 21:46 Uhr