NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Formular erstellen mittels der Formular-Werkzeuge
hier erstellt mit NOF 10.0 inklusive Update 3.

Beispiel meiner Vorlage ab NOF 10 inklusive Update 3 und Download der Vorlage.

... wie man eine “Vorlage/Template” erstellt und einliest, könnt Ihr hier lesen.


Das Layout muss ein Formular sein, also bei "Layout-Eigenschaften" - "Layout ist ein Formular" anhaken.

Zunächst erstellt Ihr Euch eine Tabelle mit entsprechend vielen Zeilen, die Ihr verwenden wollt. Ihr könnt dann bei den "Tabellen-Eigenschaften" bei "Rahmen" eine 0 einsetzen, wenn Ihr keinen Rahmen um die einzelnen Tabellen-Zellen haben wollt.

Jetzt fügt Ihr in die linke Spalte der Tabelle schön von oben nach unten alle Eure "Formular-Beschriftungen" ein, dies ist der Button aus der Formular-Werkzeug-Leiste mit dem kleinen Bleistift.

Ganz unten kommt dann der Button "Schaltfläche" hin (indem zunächst "Text" steht). Das benennt Ihr nun beliebig um, in z.B. "Senden".

Nun fügt Ihr wieder der Reihe nach von oben nach unten in der rechten Spalte der Tabelle die Felder, die Ihr verwenden wollt, ein. Ich habe in diesem Beispiel lediglich folgende Felder verwendet:

Name:

Eingabefeld

Adresse:

Eingabefeld

Mail:

Eingabefeld

Mail-Anhang (upload):

Formulardatei-Auswahl

Nachricht:

Mehrzeiliges Eigabefeld

Senden

Schaltfläche

Jetzt müsst Ihr unbedingt darauf achten, dass die “Formular-Beschriftungen” den richtigen Feldern zugeordnet sind!
Also das erste Beschriftungsfeld dem ersten Eingabefeld1, das zweite dem zweiten Eingabefeld2, usw., zuordnen.

Ebenso müsst Ihr bei den einzelnen Feldern auf die “maximale Zeichenanzahl” der Zeichen zur Eingabe des Users achten.
In meinem Beispiel hier, habe ich diesen Wert auf 50 Zeichen gesetzt.

Bitte achtet auch bei dem “Mehrzeiligen Eingabefeld” (Bild unten) darauf, dass Ihr bei “Umbruch” > Virtuell wählt, da sonst bei der späteren Eingabe über den Internet Explorer in dieses Feld, kein automatischer Umbruch stattfindet und die Enter-Taste auch keinen Umbruch erzeugen kann.
Dieses Problem hat sich mit NOF 12 allerdings erledigt.

Bei den “Eingabefeld-Eigenschaften” könnt Ihr nun noch bestimmen, ob einzelne Felder z.B. zu Pflichtfeldern (Required) werden, also ausgefüllt werden müssen, indem Ihr auf “Gültigkeit prüfen...” klickt. Guckt dazu bitte auch hier.

In dem Bild unten prüfe ich das e-Mail Feld auch danach ab, ob eine
gültige e-Mail-Adresse eingegeben wurde (EmailAddress)

Bei dem Button Senden müsst Ihr "Form Handler (PHP)" wählen und folgende Einstellungen vornehmen:

SMTP-Server: unverändert lassen

Von: irgendeine eMail-Adresse (z.B. KontaktFormular@MeineDomain.de). Diese eMail Adresse sollte aber existieren, damit die Mail nicht in Eurem Spam-Ordner landet.

An: Eure korrekte eMail-Adresse eingeben, damit Ihr das Formular als eMail auch erhaltet

Betreff: irgendein Text der in die “Betreff-Zeile” der e-Mail geschrieben wird,
z.B. “Nachricht vom Kontakt-Formular”

Erfolgs-URL: hier legt Ihr vorher eine html-Seite an, auf die nach erfolgreichen Senden des Formulars weitergeleitet wird.

Die könnte man z.B. “danke.html” nennen. Die relative Pfad-Angabe zu dieser Seite würde dann hier so aussehen:

../html/danke.html

CSV-Dateipfad: Diesen relativen Pfad zu einer eventuell zu verwendenden CSV Datei (Datenbank) könnt Ihr hier anlegen, müsst Ihr aber nicht, dann dieses Feld einfach leer lassen. Dies ist die Datenbank-Datei, in die dann die eingebenen Daten eines Benutzers abgespeichert werden.

Ich habe hier meinen bereits mittels .htaccess geschützten Ordner db verwendet, den ich vorher mittels FTP-Programm angelegt habe. Diese CSV-Datei wird dann von NOF mit dem von Euch angegebenen Namen (hier: formular.csv) erstellt. Also z.B.:

../db/formular.csv

Dateiupload-Ordner
: hier legt Ihr in Eurem Hauptverzeichnis, in der “Root” oder auch Stammverzeichnis, dort wo Eure “Startseite” oder auch index.html ist, auf dem Server vorher mittels FTP-Programm einen Ordner an, in dem die Anhänge vom Feld “Formulardatei-Auswahl” hochgeladen werden können. In meinem Beispiel habe ich diesen Ordner "upload" genannt und diesen im Verzeichnis “db” angelegt, also:

../db/upload

Achtet bitte darauf
, dass viele Server einen abschließenden Slash/”an der
Ordner-Angabe erwarten, also:

../db/upload/

Sollte eine dieser Pfadangaben nicht stimmen, werdet Ihr Fehler: 500 erhalten

Bitte achtet auch darauf, dass die Rechte der Ordner und Dateien korrekt gesetzt sind. Bei manchen Servern ist das nicht automatisch der Fall.

Falls Umlaute oder Sonderzeichen in der Mail, die Ihr vom Formular erhaltet, nicht richtig dargestellt werden, bitte mal hier gucken.

Jetzt müsst Ihr das ganze nur noch publizieren.

Ihr könnt das Formular zwar auch beim lokalen Publizieren sehen, jedoch
nicht versenden, da hierzu PHP auf Eurem Server verwendet werden muss.


Beispiel meiner Vorlage ab NOF 10 inklusive Update 2 und Download der Vorlage




... und eine schöne Alternative mit Spamschutz vom Panda.

Wenn Ihr Formular-Felder mittels Eingabe der URL bereits beschreiben wollt, dann guckt auch hier, oder wenn Ihr Formular-Felder bereits beschriftet darstellen und ausdrucken wollt, dann guckt hier.

Um Feldinhalte von Formularen auf einer anderen Seite anzuzeigen guckt hier.

zurück

 

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik