Homepage selbermachen 7.852 Themen, 35.619 Beiträge

Verfolgung starten Optionen

Formular mit Java Script

23anbe / 11 Antworten / Baumansicht Nickles

Hallo Forum,
ich fange gerade an mich intensiver mit Java Script zu beschäftigen, und habe schon ein Problem, und zwar folgendes:

Ich möchte ein Formular bauen in dem der Nutzer verschiedene Eingaben machen kann (Text, Zahlen, Datum, usw.)
Diese Eingaben sollen dann per klick in einem zweiten Browserfenster in einen "Brief" geschrieben werden. Ca. 80% des Briefes sind statisch und sollen durch die Formularinhalte ergänzt werden.
Zudem soll dernUtzer die Möglichkeit bekommen gleich im Formular das Geschlecht anzugeben, für die Anrede und die Anschrift.
Wie kann ich das am besten realisieren ? Da benötige ich doch das Post Ereignis, oder?

Für Eure Tipps und Unterstützung bedanke ich mich jetzt schon

23anbe

bei Antwort benachrichtigen
xafford 23anbe „Formular mit Java Script“
Optionen

Ein Post-Ereignis gibt es nicht, Post und Get sind Methoden, keine Ereignisse. Was Du brauchst ist ein onSubmit-Ereignis oder eine Action-Definition. Ungefähr sollte es so aussehen:

<sript type="text/j_avascript">
&t;--//
function handleForm () {
// Hier steht dein JavaScript-Code
}
//-->
</script>

dann entweder:

<f_orm action="j_avascript:handleForm()">
// hier steht dein Formular
</f_orm>

oder:

<f_orm>
// hier steht dein Formular
<input type="button" onbClick="j_avascript:handleForm()" />
</f_orm>

oder:

<f_orm onSubmit="j_avascript:handleForm()">
// hier steht dein Formular
</f_orm>

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
23anbe xafford „Antwort“
Optionen

Hallo xafford,
leider komme ich bei Deinem Script nicht ganz mit.
Mit Formular meinst Du die Eingabefelder, oder?
Und der Java Script Code ist der dann für die Ausgabe zuständig?
Bitte nochmal kleine erläuterung.

Danke

23anbe

bei Antwort benachrichtigen
xafford 23anbe „da komme ich leider nicht ganz mit“
Optionen

Ich ging eigentlich davon aus, daß Du den JavaScript schon beisammen hast und nur nach der Methode des Aufruf fragen wolltest, so hörte sich dein Posting jedenfalls an.
Also die Eingabefelder sind normalerweise in einem Formular zu finden (ollten sie zumindest, müssen sie aber nicht).
Bevor ich jetzt weiter spekliere wäre es vieleicht ganz sinnvoll zu erfahren, was Du denn schon hast und wie gut Du dich mit JS auskennst.

Pauschalurteile sind immer falsch!!!
bei Antwort benachrichtigen
23anbe xafford „Antwort“
Optionen

Hallo Xafford,
danke für Deine Antwort.
Also bisher habe ich folgendes:
Ein Formular mit verschiedenen Ein- und Mehrzeiligen Eingabefeldern. Der Inhalt dieser Felder soll mittels Button "Brief erzeugen" auf einer neuen Seite in eine Brief geschrieben werden. Wäre Super wenn Du mir da ein Codebsiepiel nennen könntest, da ich mich mit JS nicht so hundertprozentig auskenne.
Danke im voraus

23anbe

P.S. Mailadresse für Direktkontakt: 23anbe@gmx.de

bei Antwort benachrichtigen
Borlander 23anbe „Antwort“
Optionen

JavaScript lernen und nachschlagen kann man sehr schön bei SelfHTML / JavaScript (auch komplett zum Download verfügbar) ...

Zum eMail-Kontakt:
Das wiederspricht der Idee eines Forums - da sollen alle mitdiskutieren können und ggf. später auch mal im Archiv nach einer Lösung für ihr aktuelles Problem suchen können. So lange kein privaten Infos ausgetauscht werden, haben von einer Diskussion im Forum am Ende also alle mehr ;-)


Gruß
Borlander

[Diese Nachricht wurde nachträglich bearbeitet.]

bei Antwort benachrichtigen
23anbe Borlander „JavaScript lernen und nachschlagen...“
Optionen

Den E-Mail Kontakt wollte ich bloß herstellen, um schneller an eine Lösung zu kommen.
Ich wollte garantiert nicht gegen die Forumsidee verstoßen.

Grüße ;)

23anbe

bei Antwort benachrichtigen
Borlander 23anbe „JavaScript lernen und nachschlagen...“
Optionen
um schneller an eine Lösung zu kommen.
Ich wüsste nicht warum das schneller gehen sollte als wenn beide die eMail-Benachrichtigung aktiviert haben. (btw.: für eine direktere Kommunikation wäre der Chat übrigens deutlich besser geeignet)


Gruß
Borlander
bei Antwort benachrichtigen
23anbe Nachtrag zu: „Formular mit Java Script“
Optionen

Hallo xafford,
leider komme ich bei Deinem Script nicht ganz mit.
Mit Formular meinst Du die Eingabefelder, oder?
Und der Java Script Code ist der dann für die Ausgabe zuständig?
Bitte nochmal kleine erläuterung.

Danke

23anbe

bei Antwort benachrichtigen
jdeen 23anbe „Formular mit Java Script“
Optionen

Hallo 23anbe !

Bei der Eingabeseite kommst du ohne JS aus.
Beim Brief jedoch brauchst Du php.

Ich sende Dir mal ein email mit code.

Ich bekomme die Tags nicht weg . . . ;)

Gruß jdeen

. . . when the kid next door walking on the moon . . .Wirklich gute Jdeen passen auf einen Bierdeckel
bei Antwort benachrichtigen
Borlander jdeen „Hallo 23anbe ! Bei der Eingabeseite kommst du ohne JS aus. Beim Brief jedoch...“
Optionen

Mit JS ist es kein großes Problem ein neues fenster zu öffnen ung das entsprechende Dokument zu erzeugen...

(PHP wäre allerdings auch meine bevorzugte Lösung sofern verfügbar)

bei Antwort benachrichtigen
jdeen 23anbe „Formular mit Java Script“
Optionen

Hallo Borlander !

Du hast vollkommen recht mit Deinem Einwand.
Deshalb hier nun das email an 23anbe.
Das mit den Tags war dann doch nicht soooo schwer ,-)

Hallo 23anbe !

Hier ein Beispiel für die Eingabeseite :

<form action=" - hier die Adresse des Briefes eingeben - " method="post" title='Formular' name="Formular">

<table align=center>
<tr>
<td align="right">
Name : <input type=text name=Name><br>
Strasse : <input type=text name=Strasse><br>
PLZ/Ort : <input type=text name=Ort><br>
email-Adresse : <input type=text name=Email><br>
</td>
<td width="60">
 
</td>
</tr>
</table>
<br><br>
<table align=center>
<tr>
<td align="center">
<font face="Arial" size="2">
<input type=submit value="Brief erzeugen">
</form>

Der Brief muß dann in php geschrieben werden.
Hier ein Beispiel / Auszug :

print "<table border =0 align=center>\n";
print "<tr>\n";
print "<td align=center><font face=arial>".$Name."</td>\n";
print "</tr>\n";
print "</table>\n";

// print "<br>\n";

print "<table border =0 align=center>\n";
print "<tr>\n";
print "<td align=center><font face=arial>".$Strasse."</td>\n";
print "</tr>\n";
print "</table>\n";

// print "<br>\n";

print "<table border =0 align=center>\n";
print "<tr>\n";
print "<td align=center><font face=arial>".$Ort."</td>\n";
print "</tr>\n";
print "</table>\n";

// print "<br>\n";

print "<table border =0 align=center>\n";
print "<tr>\n";
print "<td align=center><font face=arial>".$Email."</td>\n";
print "</tr>\n";
print "</table>\n";

Gruß jdeen

. . . when the kid next door walking on the moon . . .Wirklich gute Jdeen passen auf einen Bierdeckel
bei Antwort benachrichtigen