Formularfeldeingabe interaktiv übergeben

[Axel]

Hallo an alle,

ich bin noch nicht lange dabei und habe gleich ein Problem:

Ich habe eine Webseite mit einem Formular. Nun möchte ich, dass einzelne Formularfeldeingaben onchange in den html-teil der Seite übergeben werden.

Beispielcode unter: http://www.infovk.de/testen/empfehlen.html

Ich möchte also die Eingaben der Weiterempfehlung (Name des Senders und Name des Empfängers) sofort nach Eingabe in das Formular im unteren HTML-Textteil austauschen.

Hier soll dann also stehen:
Hallo "Empfängername" (soll nach Eingabe in das Formular duch echten Namen getauscht werden),
dieser Surftip wurde ihnen von "Ihr Name, Ihre Mail" (Soll auch getauscht werden) gesendet.
Schauen Sie doch einfach mal bei http://www.infovk.de vorbei. Hier finden Sie aktuelle
Nachrichten, Tipps und Informationen rund um das Thema Versicherungen und Kapitalanlagen.
Wir freuen uns auf Ihren Besuch.

Bitte entschuldigt den nicht ganz so sauberen Code der Seite, diese ist mit GoLive erstellt.

Vielen Dank für eure Mithilfe!

[Sven Rh.]

Γειά σου, Axel!

Ich habe eine Webseite mit einem Formular. Nun möchte ich, dass einzelne Formularfeldeingaben onchange in den html-teil der Seite übergeben werden.

Beispielcode unter: http://www.infovk.de/testen/empfehlen.html

Ich möchte also die Eingaben der Weiterempfehlung (Name des Senders und Name des Empfängers) sofort nach Eingabe in das Formular im unteren HTML-Textteil austauschen.

Den Begriff, nachdem du suchen musst, hast du bereits genannt: onChange. Jedem betroffenen Formularelement gibst du einen solchen. Innerhalb des Eventhandler führst du eine normale Zuweisung durch, die du dir sehr vereinfachen kannst, wenn du den Elementen, die du ändern willst, jeweils eine ID gibst. Dann kannst du in die Eventhandler schreiben:

document.getElementById("ID_des_Ziel-Elements").firstChild.nodeValue = this.value;

Weitere Informationen zum Inhalt dieser Code-Zeile findest du in SELFHTML: getElementById, Elementinhalte dynamisch ändern.

Damit diese Vorgehensweise wie gewünscht funktioniert, musst du - neben dem Hinzufügen von IDs - noch folgende Änderung vornehmen: Du musst

<i>Ihr </i><i>Name</i>

durch

<i>Ihr Name</i>

oder, noch besser,

<span style="font-style: italic;">Ihr Name</span>

ersetzen (und natürlich die ID hinzufügen).

Bitte entschuldigt den nicht ganz so sauberen Code der Seite, diese ist mit GoLive erstellt.

Meine Empfehlung nach einem Blick auf den Quellcode: GoLive auf den Müll werfen und HTML lernen. ;-)

Αντίο!
Sven aus Bonn