Ein Form Textarea rows Problem (Textarea verändern)

maramausi

Grünschnabel
Hallo,

ich möchte ganz gerne das der User beim eintippen einer Nachricht seinen Ganzen text im Textarea sehen kann. Breite ist 50 und beim Zeichen 49 soll ein Zeilenumbruch passieren und damit auch das Textfeld (Textarea) nach unten hin grösser werden.

Hier mein Ansatz der soweit auch funktioniert, aber halt nur einmal. Bei Return geht es allerdings unentwegt.

HTML:
<!-- Das Formular -->
<form name="myform" id="myform" action="" method="POST">  
	<textarea onkeydown="height(this);" rows="1" cols="50"  name="name" id="name">Geben Sie hier Ihren weiteren Text</textarea
	><input type="submit" name="submit" value="Submit"> 
</form>

Code:
<script type="text/javascript">
	function height(tarea) {
	   var nCounter = 1;
	   var sNeedle = "\n";
	   var chars=48;
	   
		  if (tarea.value.length > chars) {    
			 nCounter++;
		  }
			 
	   for (var i=0;i< tarea.value.length;i++) {
		  if (sNeedle == tarea.value.substr(i,sNeedle.length)) {       
			 nCounter++;
		  }
	   }
	
	   tarea.rows=nCounter;
	return ;	
	
	}
</script>
 
Hi,

HTML:
wrap="hard"
als Attribut der textarea bewirkt den Zeilenumbruch bei Überlauf,
hard => so entstandene Zeilenumbrüche werden mit gespeichert.
(statdessen "soft" bewirkt nur im Moment die anzeige eines Zeilenumbruchs)

javaDeveloper2011
 

Neue Beiträge

Zurück