PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : New line in textfiel



dimevit
23-11-2009, 15:50
Hallo zusammen,

ich versuch in einen Textfield mehreren zeilen zu schreiben, aber irgendwie ohne erfolg. Ich hoffe, jemand kann mir da weiter helfen. Der Code sieht so aus:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
</head>
<body>

<script type="text/javascript">

function putLines()
{

document.getElementById('textfeld').value = document.getElementById('zuname').value + " " + document.getElementById('vorname').value + "\n";
}

</script>

<form name="testform" action="input_text_button_tabelle">
<p>
<textarea cols="20" rows="4" name="textfeld" style="word-wrap: soft;"></textarea>
<input type="button" name="bHinzufuegen" value="hinzuf&uuml;gen"
onclick="javascrip:putLines()">
<input type="button" name="bLoeschen" value="l&ouml;schen">
<p>
Vorname:<br><input name="vorname" type="text" size="30" maxlength="30"></p>
<p>
Zuname:<br><input name="zuname" type="text" size="30" maxlength="40"></p>
</p>
</form>

</body>
</html>


also ich hab in HTML ein TextField und noch zwei Inputfelder: Vorname, Zuname.
Wenn man auf dem Button Hinzufuegen mehrmals klickt, sollte man die Values von
Vorname und Zuname nehmen und in das Textfield reinschreiben, also zeilenweise. Bei mir wird aber immer nur die erste Zeile von dem Textfeld ueberschrieben.

Kann mir jemand sagen, wo mein Fehler ist?

danke
padre

jeebee
24-11-2009, 09:48
Versuch mal im Javascript
document.getElementById('textfeld').value += document.getElementById('zuname').value + " " + document.getElementById('vorname').value + "\n";

Dann wird die neue Zeile angefügt. So wie du's jetzt hast, wird einfach der Inhalt der textarea überschrieben.

HTH jeebee

dimevit
01-12-2009, 16:38
es funktioniert ....


danke