JavaScript Textcounter

raven16

Lieutenant
Registriert
Nov. 2008
Beiträge
580
Hi habe folgendes Javascript und finde einfach den Fehler nicht.
Hab das woanders auch eingebunden, und da Funktioniert das einwandfrei.
Aber so wie ich das jetzt eingebaut habe, zeigt der beim Aufrufen der Seite ein leeres Feld an:
leer.bmp


JavaScript
Code:
<script type="text/javascript" language="JavaScript">
	<!-- Begin
	var max = 125;
	document.form1.input1.value = max;
	document.form1.motto.focus();
	function count(e) 
	{
		if (!e.which) keyCode = event.keyCode; // ie5+ op5+
		else keyCode = e.which; // nn6+
												
		if (document.form1.motto.value.length<max+1)
		document.form1.input1.value = max-document.form1.motto.value.length;
		else 
		{
			document.form1.motto.value = document.form1.motto.value.substring(0,max);
			document.form1.input1.value = 0;
		}
	}
	//-->
</script>

HTML(PHP) Code --> nicht wundern, html code steht im echo-befehl von PHP
HTML:
<textarea class="input1" tabindex="7" name="motto" style="width:250px;height:80px;" onkeyup="count(event)">'.$_POST['motto'].'</textarea><br>
<label class="text">(Noch</label>
<input class="counter" name="input1" onfocus="this.blur();"></input>
<label class="text">Zeichen zur Verfügung)</label><br>

CSS für die Input class="counter"
Code:
.counter{
	width:30px;
	border:0px;
	background:#FFFFFF;
	color:#000000;
	font-size:small;
	cursor: default;
}

Wenn ich etwas in die Texarea eingebe, dann zählt der ganz normal runter und zeigt es dann auch an...
Wenn ich alles lösche von dem geschriebenen, dann zeigt der mir die gewünschten 125 Zeichen an, ich ich im Script unter var max festgelegt hab...

Hoffe ihr erkennt einen Fehler ^^
Hab leider noch nicht viel Ahnung von JS, lerne das gerade erst in der Schule
Ergänzung ()

Die Lösung war ganz einfach.

Hab nur vergessen in dem <input class="counter"> die value festzulegen :D

also so:
Code:
<input value="125" class="counter" name="counter" onfocus="this.blur();">
 
Zurück
Oben