[S] Hilfe zu JS Textbox Liste

b@n@ne · 01.05.2009, 17:39

Hallo,
ich schreibe gerade eine kleine Homepage zum Erstellen eines Vertretungsplans für unsere Schule. Zu Anfang muss ich jedoch gestehen, dass ich mich bis jetzt nur mit html und php beschäftigt habe und nicht mit JS. Ich möchtet gerne ein "Liste" aus Textfeldern erstellen, die dynamisch sich erweitern soll. Es sollte so aussehen, dass man über Textfelder Werte in eine die Liste eintagen kann. Mein bisheriges Ergebniss sieht so aus:

Code:

<html>
<head>
<title>Test</title>
<script type="text/javascript">
<!--
function clone_this(objButton)
{
    tmpNode = objButton.form.elements[0].parentNode.cloneNode(true);
    objButton.form.insertBefore(tmpNode,objButton); 
}
//-->
</script>
</head>
<body>
<table width="800" border="0">
  <tr>
    <td>
    <form>
    <div>
    <input name="klasse[]" type="text" size="5" maxlength="3">
     <input name="stunde[]" type="text" size="5" maxlength="2">
     <input name="lehrer[]" type="text" size="5" maxlength="3">
     <input name="art[]" type="text" size="5" maxlength="3">
     <input name="info[]" type="text" size="20">
     </div>
    <br>
    <input value="eintragen" onClick="clone_this(this)" type="button">
    </form>
</td>
  </tr>
  <tr>
    <td><br>
    Zeile 2</td>
  </tr>
</table>


</body>
</html>

Wie ist es nun möglich die Ausgabe in die zweite Zeile der Tabelle zu schrieben und nicht unter die ersten Textfelder. Es müsste auch noch nach dem Klonen die Werte aus den ersten Textfelder entfernt werden. Wie lässt sich dies am besten lösen? Vielen Dank schon eine im Vorraus.

MfG
Michael Schäfer

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Textbox füllen mit bestimmten String	ASommer	JavaScript, Ajax und mehr	6	26.03.2009 12:17
Liste für MIME-Typen	PTC	Off-Topic Diskussionen	5	07.12.2008 21:36
Javascript Select liste verdoppeln	dsmcg	HTML, Usability und Barrierefreiheit	8	19.10.2006 16:56
[PHP] Aktionen mit Hilfe von Dropdown List ausführen.	Sauer	PHP Tipps 2006	4	16.06.2006 15:48
[Erledigt] Hilfe: Projektabreit Informatik und Technik bitte helft uns.		Off-Topic Diskussionen	31	05.04.2006 18:25
[Erledigt] HILFE HILFE HILFE mysqladmin.exe fehlt		Datenbanken	7	20.12.2005 14:00
HILFE ! Brauche ganz dringend hilfe!		PHP Tipps 2005-2	2	10.10.2005 23:08
Php liste per E-Mail?		PHP Tipps 2005-2	2	21.07.2005 09:43
[Erledigt] VARIABLEN WERDEN NICHT RICHTIG VERARBEITET!!!! HILFE		PHP Tipps 2005-2	6	02.07.2005 18:32
Dropdown-Menü nach klick in Liste füllen		PHP Tipps 2005-2	0	13.06.2005 09:33
[Erledigt] Hilfe! If Tags werden Ignoriert		PHP Tipps 2005	10	16.05.2005 10:16
[Erledigt] Top 10 Liste		Datenbanken	9	20.04.2005 22:32
[Erledigt] Liste in Textarea einfügen		HTML, Usability und Barrierefreiheit	0	03.01.2005 19:16
[Erledigt] HILFE		PHP Tipps 2004-2	1	16.12.2004 20:49
dropdown liste soll durch onChange nächste liste laden		HTML, Usability und Barrierefreiheit	1	13.12.2004 15:42

01.05.2009, 17:39
b@n@ne Neuer Benutzer Registriert seit: 21.03.2009 Beiträge: 15	[S] Hilfe zu JS Textbox Liste Hallo, ich schreibe gerade eine kleine Homepage zum Erstellen eines Vertretungsplans für unsere Schule. Zu Anfang muss ich jedoch gestehen, dass ich mich bis jetzt nur mit html und php beschäftigt habe und nicht mit JS. Ich möchtet gerne ein "Liste" aus Textfeldern erstellen, die dynamisch sich erweitern soll. Es sollte so aussehen, dass man über Textfelder Werte in eine die Liste eintagen kann. Mein bisheriges Ergebniss sieht so aus: Code: <html> <head> <title>Test</title> <script type="text/javascript"> <!-- function clone_this(objButton) { tmpNode = objButton.form.elements[0].parentNode.cloneNode(true); objButton.form.insertBefore(tmpNode,objButton); } //--> </script> </head> <body> <table width="800" border="0"> <tr> <td> <form> <div> <input name="klasse[]" type="text" size="5" maxlength="3"> <input name="stunde[]" type="text" size="5" maxlength="2"> <input name="lehrer[]" type="text" size="5" maxlength="3"> <input name="art[]" type="text" size="5" maxlength="3"> <input name="info[]" type="text" size="20"> </div> <br> <input value="eintragen" onClick="clone_this(this)" type="button"> </form> </td> </tr> <tr> <td><br> Zeile 2</td> </tr> </table> </body> </html> Wie ist es nun möglich die Ausgabe in die zweite Zeile der Tabelle zu schrieben und nicht unter die ersten Textfelder. Es müsste auch noch nach dem Klonen die Werte aus den ersten Textfelder entfernt werden. Wie lässt sich dies am besten lösen? Vielen Dank schon eine im Vorraus. MfG Michael Schäfer


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten