[JavaScript] Formularelement ausklappen

**gruenspan** · 25.04.2007, 18:24

Das wird imho ohne neuladen nicht funktionieren. ich würde das folgendermaßen machen:[list=1][*]formular mit einem feld für praktikum erstellen[*]button oder link mit 'weiteres praktikum hinzufügen' dazu[*]beim absenden bisherige, eingegebenen daten mitschicken[*]neues feld dazu[*]ect. pp[/list=1]

**Kropff** · 25.04.2007, 18:29

natürlich geht das mit js. z.b mit appendChild, childNodes, setAttribute, etc.

gruß
peter

**dr_mario** · 25.04.2007, 19:54

Danke schon mal!

Mit folgendem Code bekomme ich schon fast das hin, was ich gesucht habe:

Code:

<script type="text/javascript">
function AddPraktikum()
{
	var newTextarea = document.createElement("textarea");
	var newTextareaText = document.createTextNode("Das ist eine Textarea");
	
	document.getElementById("Form1").appendChild(newTextarea);
	document.getElementsByTagName("textarea")[0].appendChild(newTextareaText);
	
}
</script>
</head>

<body>
<form action="" name="Form1" id="Form1">

<p><a href="#" onclick="AddPraktikum()">Praktikum hinzuf&uuml;gen</a></p>

</form>

Leider wird das Element unter den Link eingefügt, schöner wäre es, wenn die neue Textarea über dem Link eingefügt werden würde, ist das möglich?

Warum wird der bei AddPraktikum() hinzugefügte Knoten nicht im Quelltext angezeigt? Kann man sich diesen irgendwo ansehen?

Mit createAttribute() / setAttributeNode() kann ich dem Element anscheinend Attribute hinzufügen / setzten.

Gibt es noch eine elegantere Lösung?

LG Mario

**Kropff** · 25.04.2007, 20:11

Leider wird das Element unter den Link eingefügt

daher auch appendChild, das heißt hinzufügen. pack den link über das form oder legt im form ein weitere id-element unterhalb des links an

Warum wird der bei AddPraktikum() hinzugefügte Knoten nicht im Quelltext angezeigt?

weil das javascript ist, da kannst du die änderungen im quellcode nicht sehen.

gruß
peter

**ministry** · 25.04.2007, 21:20

Wenn ich mich recht erinnere, dann ging das mit markieren (ggf. Strg + A) -> Rechtsklick -> Auswahl-Quelltext anzeigen im Firefox.

**dr_mario** · 25.04.2007, 21:42

super, vielen dank für die Hilfe!

**Kropff** · 25.04.2007, 21:45

Wenn ich mich recht erinnere, dann ging das mit markieren (ggf. Strg + A) -> Rechtsklick -> Auswahl-Quelltext anzeigen im Firefox.

ups, das kannte ich auch noch nicht. vielen dank für den tipp.

gruß
peter

**RanzigeMilch** · 26.04.2007, 08:19

ich empfehle in diesem zusammenhang das webdeveloper plugin für firefox, der zeigt den "normalen" und den generierten quelltext an (plus etliche funktionen mehr versteht sich)

**Kropff** · 26.04.2007, 09:59

Original geschrieben von RanzigeMilch
ich empfehle in diesem zusammenhang das webdeveloper plugin für firefox, der zeigt den "normalen" und den generierten quelltext an (plus etliche funktionen mehr versteht sich)

OffTopic:
hattte ich mir mal installiert, danach war mein firefox nicht mehr derselbe

gruß
peter

**RanzigeMilch** · 26.04.2007, 10:25

OffTopic:
is klar weil da ne toolbar hinzugefügt wird. ansonsten wird der ff nicht verändert...

**Kropff** · 26.04.2007, 10:36

OffTopic:
ich meine damit solche dinge wie stabilität und geschwindigkeit

peter

[JavaScript] Formularelement ausklappen