[Tutorial] Kontaktformular

[Sven G.]

Ein kleines Tutorial zum Thema Kontaktformular/Mailformular.

Das Ergebnis, was euch erwartet

Für dieses Tutorial solltet Ihr die Grundkenntnisse in Flash beherschen.

1) Wir erstellen uns 7 Dynamische Textfelder auf der Bühne.
Den Textfeldern geben wir jeweils diese Instanznamen:
firma, name, str, ort, plz, email, nachricht

Nun vergeben wir passend noch die Variablennamen:
txt_firma, txt_name, txt_str, txt_ort, txt_plz, txt_email, txt_nachricht

Ein Button erstellen wir uns noch, mit dem wir später die Anfrage senden können. Dieser Bekommt den Instanzname but_senden
2) Im Frame 1 setzten wir nun dieses ActionScript (Erklärung im Code):

// Sven Gasser Flashbattle.de 2003
// Sonderzeichen Aktiv
System.useCodePage = true;
// Im Feld plz Können nur Zahlen eingegeben werden
plz.restrict = "0-9";
// Die Textfelder bekommen eine Zuweisung und der MovieClip mit der
// Fehlermeldung wird ausgeblendet
_root.onLoad = function() {
    _root.mc_fehler._visible = false;
    _root.firma.text = "Ihr Firmenname";
    _root.name.text = "Ihr Name";
    _root.str.text = "Ihre Straße";
    _root.ort.text = "Ihr Wohnort";
    _root.plz.text = "Ihre PLZ";
    _root.email.text = "Ihre eMailadresse";
    _root.nachricht.text = "Ihre Mitteilung an uns...";
};
// Das array mit den Instanznamen von unseren Textfeldern
textfeld = new Array();
textfeld[0] = "firma";
textfeld[1] = "name";
textfeld[2] = "str";
textfeld[3] = "ort";
textfeld[4] = "plz";
textfeld[5] = "email";
textfeld[6] = "nachricht";
// Durchlaufe solange wie viele Elemente im array vorhanden sind
for (i=0; i<textfeld.length; i++) {
    // Funktion für den Hintergrung im Textfeld
    _root[textfeld[i]].onSetFocus = function() {
        this.backgroundColor = 0xcccccc;
        // Überprüfung, ob im Textfeld schon reingeklickt worde ist
        // damit nicht beim erneuten klicken der geschriebene Text gelöscht wird
        if (_root[this._name]) {
            _root[this._name].text = "";
            _root[this._name] = false;
        }
    };
    // Funktion für den Hintergrung im Textfeld
    _root[textfeld[i]].onKillFocus = function() {
        this.backgroundColor = 0xFFFFFF;
    };
}
// Überprüfung ob in den Pflichtfeldern etwas eingetragen ist
// Diese Funktion wird unten in der if Bedingung aufgerufen
String.prototype.leer = function() {
    for (i=0; i<this.length; i++) {
        // Steht was im Textfeld ?
        // 32 bedeutet größer als ein Leerzeichen, da das Leerzeichen den 
        // Code 32 besitzt.
        if (this.charCodeAt(i)>32) {
            return true;
        }
    }
};
// Funktion für den Button
but_senden.onRelease = function() {
    // Überprüfung ob in der eMailadresse ein @ Zeichen vorkommt
    // Überprüfung ob die eMailadresse weniger als 6 Zeichen hat
    // Überprüfung ob ein Name und ein Nachrichtentext eingegeben wurde
    // Diese Überprüfung ruft die Funktion leer auf
    if (txt_email.indexOf("@") == -1 || txt_email.length<6 || _root.name.text.leer() || _root.nachricht.text.leer()) {
        // Bei True wird die Fehlermeldung angezeigt
        _root.mc_fehler._visible = true;
    } else {
        // Weiterhin die Fehlermeldung ausblenden und das php Script aufrufen
        _root.mc_fehler._visible = false;
        loadVariablesNum("http://www.deinserver.de/senden.php", 0, "GET");
    }
}; 

3)Nun erstellen wir uns eine php Datei mit diesem Code:

PHP-Code:

<?
$suchen = "\r"; 
$ersetzen = "\n"; 
// Suche und ersetzte, da Flash Zeilenumbrueche mit \r angibt
// und php aber nur mit \n arbeitet
$nachricht_neu = str_replace($suchen,$ersetzen,$_GET[txt_nachricht]); 
$text = $_GET[txt_name].", übermittelt Ihnen folgende Informationen:\n";
$text .= "Name: $_GET[txt_name]\n";
$text .= "Firma: $_GET[txt_firma]\n";
$text .= "Straße: $_GET[txt_str]\n";
$text .= "Ort: $_GET[txt_ort]\n";
$text .= "Plz: $_GET[txt_plz]\n";
$text .= "eMail: $_GET[txt_email]\n";
$text .= "Nachricht: $nachricht_neu \n";
$empfanger = "DEINE_EMFANGER_EMAILADRESSE";
mail($empfanger, "Flashbattle.de", $text, "Von: Flashbattle.de Forum");
?>

4) Jetzt alles abspeichern und hoch auf eurem Server damit
Ihr solltet noch darauf achten, dass euer Server php fähig ist und das Ihr die Rechte richtig gesetzt habt CHMOD 777

Ergebnis anschauen

[borisp]

bei dem PHP Code darauf achten:

Indexe in Arrays ( wie $_GET, $_POST etc ) immer mit Hochkomma.

$_GET['index'] - 'index' ist ein String und sollte deshalb immer in Hochkomma - schützt vor Fehlern und Kollisionen zu Konstanten

Nur bei integer-werten ohne Hochkomma.

Bei mail(), der Extraheader "Von:" muss "From:" heissen. (RFC 822, 1522)

[Sven G.]

Thx für die Info....Werde ich in Zukunft beachten

Gruss

[sunstar]

In diesem Fall aber nicht! Hier hat er (fast) alles richtig gemacht, die Indexe in Arrays werden dann nicht in Apostrophe gesetzt, wenn sie innerhalb eines Strings stehen! Da nur das erste $_GET[txt_name] außerhalb eines Strings steht, müsste das heißen: $_GET['txt_name'] - die anderen sind korrekt.

siehe auch
http://www.dclp-faq.de/q/q-fehler-konstante.html

Das Ganze lässt sich allenfalls ein bisschen einfacher oder übersichtlicher machen, indem man sich die häufige Vereinigungs-Zuweisung spart (auch die manuelle eingefügten Zeilenumbrüche (\n) sind dann überflüssig, da der String als Ganzes bereits formatiert wird:

PHP-Code:

...
$text = $_GET['txt_name'].", übermittelt Ihnen folgende Informationen:
Name: $_GET[txt_name]
Firma: $_GET[txt_firma]
Straße: $_GET[txt_str]
Ort: $_GET[txt_ort]
Plz: $_GET[txt_plz]
eMail: $_GET[txt_email]
Nachricht: $nachricht_neu";
... 


oder auch gleich:

PHP-Code:

...
$text = "$_GET[txt_name] übermittelt Ihnen folgende Informationen:
Name: $_GET[txt_name]
Firma: $_GET[txt_firma]
Straße: $_GET[txt_str]
Ort: $_GET[txt_ort]
Plz: $_GET[txt_plz]
eMail: $_GET[txt_email]
Nachricht: $nachricht_neu";
... 


[schumi0011]

Hallo Flasher,

habe das formular auch nachgebaut weiß aber nicht wie ich es machen soll das es funkitoniert wenn es nicht an der ersten stelle steht(ebene 10, ebene11 bild6 in der Zeitleiste)

danke für eure hilfe

[Majo]

wenn du _level statt ebenen meinst....

dann so...

loadVariablesNum("http://www.deinserver.de/senden.php", 10, "GET");//statt der 0 eben 10 oder 11 
 

[deinsternchen]

Hallo an alle,

habe das Formular jetzt als absoluter Flasch- und PHP (keinen Plan... *G*) Neuling nachgebastelt. Ich habs hinbekommen!!!

Jetzt hab ich aber eine Frage dazu. Ich hätte gerne, dass der Besucher meiner Seite - eine Art Bestätigungsemail bekommt. Wird das einfach in die PHP eingesetzt (wenn ja - bitte HILFE!!! - wie muß ich das machen bzw. wie lautet der Befehl) oder muß ich dazu im Flash Aktionscript auch noch was ändern???

Hmmm da fällt mir noch was ein - wenn man auf den SendenButton geht - dann sendet er das schon ab - nur hat der Besucher darüber keine Information.

Wär doch schöner wenn er auf den SendenButton drückt (vorrausgesetzt die Felder sind alle ausgefüllt) und es kommt dann eine Meldung "Ihre Anfrage wurde gesendet"

Also bitte habt mitleid mit mir, ich hab keinen Plan von Flash - aber nur so lernt man (bzw. Frau).

Danke für Eure Hilfe
Sternchen

[Majo]

hallo "meinsternchen"

hab auch mal was gebastelt

kannst du hier anschauen und testen

[Sven G.]

Hi,

wenn Du noch eine Bestätigung bzw. ein Status haben willst, dann schau mal HIER.

Gruß

[Majo]

so freunde...ich bin echt ein wenig stinkig


mir wurde jetzt zum 4. mal hintereinander der mailaccount gesperrt

ich hab hier ein script gepostet, mit dem man mails versenden kann,eine bestätigungsmail zurückbekommt und angeboten es auf meinem server zu testen


gut und schön...sollte eigentlich klar sein, dass die bestaetigungsmail nur an eine addi rausgehen kann, wenn die addi existiert


wenn das jemand nicht kapiert sag ich es hier nochmal ganz deutlich:

yxvyxvy@sas.as<------------diese mailaddi entspricht zwar den allgemeinen regeln .... ABER sie existiert nicht


was mir nicht einleuchtet....wer will auf diese addi eine bestätigungsmail bekommen ?!?


danke jedenfalls....mir wars eine leere

schönen tag noch

[BlackRose1012]

Ich poste das jetzt einfach mal hier, weil es das Formular betrifft. Ich bin ein völliger Flash-Anfänger und habe versucht, das Formular in eine Seite einzubauen, habe auch alle Variablen angepaßt, das Script in die erste Szene eingebaut, alle Mail- und Serveradressen richtig eingetragen. Trotzdem funktioniert es nicht. Irgendwie habe ich das Gefühl, daß da noch was fehlt, denn wenn ich das Formular aufrufe und etwas eintrage und dann auf den Button klicke, passiert rein gar nichts. Es passiert aber auch nichts, wenn ich nichts eintrage und den Button klicke, eigentlich sollte doch dann eine Fehlermeldung kommen, oder? Könnt ihr mir also bitte für gaaanz doofe nochmal alles Schritt für Schritt erklären? Bittööö... suche mich schon dumm und dusselig...

[Majo]

ich häng unten nochmal eine neue zip an
in der zip befinden sich fla, php3,swf und eine html
an der mail_formular.php3 muss nix geändert werden, leg sie auf den server und vergib ihr chmod 666
dann öffne die fla....in der fla ist diesmal eine ausführliche anleitung

wichtig !!! es wird nichts funktionieren, bevor nicht die adressen geändert worden sind

wo man das in der fla macht ist gekennzeichnet

das ganze ist getestet und funktioniert, wenn die oben beschriebenen schritte durchgeführt wurden

[BlackRose1012]

danke, ich hab das script jetzt einfach mal so ausprobiert, wie es ist, um zu testen, ob überhaupt was klappt, und siehe da, es klappt. wenn ich jetzt aber die fla-datei an meine fla anpasse, das heißt, ohne felder zu kreieren, da ich ja schon welche habe, sondern nur die namen anpasse, passiert wieder gar nichts. ich klicke und klicke auf den senden-button, und nichts passiert. *haarerauf*

also, noch mal ganz langsam. ich habe eine fla-datei mit 4 ebenen. auf die erste ebene erstes bild lege ich das script. der senden-button befindet sich auf ebene 2, die input-felder auf ebene 4. nur um es mal zu verdeutlichen. habe ich da jetzt irgendwie einen denkfehler, muß ich irgendwo auf einer anderen ebene auch noch was machen, muß ich den button selbst auf seiner ebene nochmal mit einem skript belegen, oder was kann ich noch tun?

[BlackRose1012]

ich habe gerade gesehen, daß das script mails an mich versendet. aber es wird kein status angezeigt noch eine bestätigungsmail an den absender verschickt...

[Majo]

schick mir die fla und die mailaddi, an die die mail geschickt werden soll
änder auch gleich die texte wie du sie willst