HTML Code an festgelegter Stelle im Quellcode einfügen?

11.06.2011, 21:09

Hallo,
ich habe ein Eingabeformular mit mehreren input Feldern. Dieses ist zeilenweise strukturiert (entweder über eine Tabelle oder divs).

Nun möchte ich, dass das alles per Button erweitert werden kann. Sprich: Wenn der Nutzer auf den Button klickt, wird eine neue Zeile mit den input Feldern eingefügt. Also es soll beim Onclick Event ein festgelegter HTML Code an eine vorher festgelegte Stelle eingefügt werden.

Daher dachte ich mir, dass es mit JavaScript zu realisieren ist. Wie kann ich mein Vorhaben wohl am besten realisieren?

Chriz · 11.06.2011, 21:25

Beschäftige dich mal mit DOM:
http://de.selfhtml.org/javascript/intro.htm

Das ist der Elementebaum von HTML bzw. XML. Du kannst da Elemente abfragen, kopieren, neu anlegen etc.

11.06.2011, 21:29

Vielen Dank. Das scheint dann ja genau das richtige zu sein. Ist das viel flexibler, als z.B. innerHTML?

11.06.2011, 22:08

Ich hätte noch eine Frage:
Die Fehlerkonsole sagt, dass die Funktion nicht definiert ist (function not defined). Wisst ihr, woran das liegt? Die Funktion ist doch syntaktisch richtig oder?

Code:

html>
<head>
<script type="text/javascript">
function insertDiv(html){
var body = document.getElementByTagName(\"div\")[0];
var div = document.createElement(\"div\");
div.setAttribute(\"id\", \"idName\");
div.innerHtml = html;
body.appendChild(div);
}
</script>
</head>
<body>
<div style="height: 10%;width: 80%; margin: auto; background-color: #038844;">texta</div>
<div style="height: 40%;width: 80%; margin: auto; background-color: #39382d;">textb</div>
<input type="button" onClick="insertDiv('<b>hi</b>');">
</body>
</html>

nikosch · 11.06.2011, 22:11

Was sollen denn die Escapezeichen?

11.06.2011, 22:26

Danke für den Tipp. Dadurch bin ich auch auf den Tippfehler aufmerksam geworden (getElement(s)ByTagName.

Leider wird der HTML Code nicht eingefügt und es gibt keinen Fehler. Woran mag das wohl liegen?

ChrisB · 11.06.2011, 22:35

Daran, dass du den HTML-Code einer selbst erfundenen Eigenschaft des Divs zuweist.

11.06.2011, 22:55

Wieso ist denn innerHTML eine selbst erfundene Eigenschaft? Oder welche Zuweisung meinst du sonst? Ich finde den Fehler leider nicht.

lstegelitz · 11.06.2011, 23:10

getElementsByTagName

11.06.2011, 23:25

Das habe ich aber doch schon oben erwähnt, dass ich den Fehler bereits bemerkt habe.
Es gibt keine Fehlermeldungen mehr, doch der ausgegebene HTML Code ändert sich nicht.

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
HTML Code zurückwandeln?	Extremefall	PHP Einsteiger	10	05.02.2011 16:26
HTML Code überprüfen und automatisch korrigieren	Crypt	PHP Tipps 2010	8	10.08.2010 15:56
[Erledigt] PHP Variable als HTML Code ausgeben!	masterwebs	PHP Tipps 2009	5	31.12.2009 11:05
nl2br mit HTML Code	stayInside	PHP Tipps 2009	1	26.12.2009 21:27
Html Code gesucht	hackbird	PHP Tipps 2009	10	18.10.2009 00:59
[Erledigt] HTML Email kommt nur mit Code an	maastradamus	Scriptbörse	22	28.09.2009 14:01
[Erledigt] Größeren Code mit HTML und PHP als Variable definieren?	Moe LaRoqua	PHP Tipps 2009	4	29.03.2009 13:56
HTML Code in PHP einbinden	solvero	PHP Tipps 2009	5	11.02.2009 10:17
HTML Code aus der Datenbank auslesen wie???	xxcoolxx	Datenbanken	35	07.12.2008 15:13
[Erledigt] Source Code durch Quellcode finden.	JEGO	Off-Topic Diskussionen	9	11.11.2008 12:23
php code in html einbinden...	lookatme	PHP Tipps 2008	10	20.08.2008 13:09
Nur bestimmten Html Code zulassen?	litterauspirna	PHP Tipps 2008	5	29.04.2008 12:30
Html Code maskieren mit php	Mania	PHP Tipps 2008	5	12.10.2007 08:34
Fehler beim einfügen von HTML in SQL-Tabelle	Calli	PHP Tipps 2004-2	2	23.12.2004 09:29
HTML Code in Variable - GEFAHR?	Beatbox	PHP Tipps 2004-2	4	18.12.2004 14:02

11.06.2011, 21:09
Extremefall Gast Beiträge: n/a	HTML Code an festgelegter Stelle im Quellcode einfügen? Hallo, ich habe ein Eingabeformular mit mehreren input Feldern. Dieses ist zeilenweise strukturiert (entweder über eine Tabelle oder divs). Nun möchte ich, dass das alles per Button erweitert werden kann. Sprich: Wenn der Nutzer auf den Button klickt, wird eine neue Zeile mit den input Feldern eingefügt. Also es soll beim Onclick Event ein festgelegter HTML Code an eine vorher festgelegte Stelle eingefügt werden. Daher dachte ich mir, dass es mit JavaScript zu realisieren ist. Wie kann ich mein Vorhaben wohl am besten realisieren?


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

11.06.2011, 21:25
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Beschäftige dich mal mit DOM: http://de.selfhtml.org/javascript/intro.htm Das ist der Elementebaum von HTML bzw. XML. Du kannst da Elemente abfragen, kopieren, neu anlegen etc. __________________ "Nuschel ich?" - "Was?"

11.06.2011, 21:29
Extremefall Gast Beiträge: n/a	Vielen Dank. Das scheint dann ja genau das richtige zu sein. Ist das viel flexibler, als z.B. innerHTML?

11.06.2011, 22:11
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Was sollen denn die Escapezeichen? __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

11.06.2011, 22:26
Extremefall Gast Beiträge: n/a	Danke für den Tipp. Dadurch bin ich auch auf den Tippfehler aufmerksam geworden (getElement(s)ByTagName. Leider wird der HTML Code nicht eingefügt und es gibt keinen Fehler. Woran mag das wohl liegen?

11.06.2011, 22:35
ChrisB Moderator¹ Registriert seit: 28.03.2010 Beiträge: 7.470 PHP-Kenntnisse: Fortgeschritten	Daran, dass du den HTML-Code einer selbst erfundenen Eigenschaft des Divs zuweist. __________________ RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?

11.06.2011, 22:55
Extremefall Gast Beiträge: n/a	Wieso ist denn innerHTML eine selbst erfundene Eigenschaft? Oder welche Zuweisung meinst du sonst? Ich finde den Fehler leider nicht.

11.06.2011, 23:10
lstegelitz Erfahrener Benutzer Registriert seit: 07.09.2009 Beiträge: 4.005 PHP-Kenntnisse: Fortgeschritten	getElementsByTagName __________________ Über 90% aller Gewaltverbrechen passieren innerhalb von 24 Stunden nach dem Konsum von Brot.

11.06.2011, 23:25
Extremefall Gast Beiträge: n/a	Das habe ich aber doch schon oben erwähnt, dass ich den Fehler bereits bemerkt habe. Es gibt keine Fehlermeldungen mehr, doch der ausgegebene HTML Code ändert sich nicht.