Interaktion per JavaScript und CGI

Thema:	Formulare und Variablenübergabe
Description:	Die Erstellung von Formularen und die Übergabe von Variablen an CGI-Scripte (Mailer-Script)
Keywords:	Flash, Formular, Drop-Down-Feld, CGI, Variablen, Kommunikation, Interaktion, Datenbank
Author:	Lars Odermath
Date:	25.09.1999
Doc-ID:	12-002
URL:	http://www.flashworker.de/tutorial/12/002.html
Version:	1.0
Änderungen:	Noch keine... Drop-Down folgt demnächst
Anforderungen:	Flash 4
Vorkenntnisse:	Flash Grundkenntnisse HTML Grundkenntnisse JavaScript / CGI nützlich
Download:	PC: "formular.zip", 32 kB MAC: "formular.sit", 32 kB

Der "Absende-Button" und seine Variablen

Angabe der "hidden fields"

Der "Absende-Button" und seine Variablen

Hierbei handelt es sich um den Button, der gedrückt wird, um die Eingaben abzusenden. Diesem muß zugeordnet werden, welche Funktionen er bei Klick ausführt.

a) Erstelle einen beliebigen Button und ziehe ihn auf die Bühne

b) Durch einen Doppelklick auf diesen Button öffnet sich das Fenster mit den "Instance Properties". Wähle die Karteikarte "Actions".


Abb.2: Instance Properties

c) Dort muß angegeben werden, was mit den Eingaben passieren soll
- Klicke auf "+" und wähle "Get URL"
- Wähle "On (Press)"
- Klicke auf "Get URL" im linken Fenster und auf der rechten Seite werden Eingabefelder sichtbar
- Im "URL"-Fenster muß dann die Zieladresse eingegeben werden (z.B. /cgi-bin/mailer.cgi)
- Bei Variablen muß die Sendemethode ("Get" oder "POST") gewählt werden (hier "POST")
- Fenster mit "OK" schließen

Damit wäre das Formular schon so gut wie fertig.

Häufig werden bei Formularen auch noch "hidden fields" verwendet, die für den Besucher der Seite nicht sichbar sind, jedoch Informationen für den Empfänger oder das CGI-Script enthalten.

Das wäre beispielsweise:
- Text, der in der Betreffzeile der empfangenen E-Mail stehen soll
- die E-Mail-Adresse des Empfängers, wenn das Formular über ein einfaches CGI-Script geschickt wird

Angabe der "hidden fields"

Diese werden einem Frame direkt zugeordnet

1.) Doppelklick auf den Frame (in diesem Beispiel gibt es ja nur einen) und es öffnen sich die "Frame Properties"

2.) Wähle die Karteikarte "Actions"

3.) Klicke auf das "+" und dann auf "Set Variable"


Abb.3: Frame Properties

4.) Gib in den rechts stehenden Feldern die Variable und das Value ein - z.B. Variable: "subject" oder "recipient"
- Value: "Dies ist eine Nachricht über die Internetseite" oder"kontakt@xxx.de"
(jeweils ohne Hochstriche)

5.) Mit "OK" bestätigen

Endgültig fertig!!!!