Index

Formular erstellen:

An dieser Stelle kann ich nicht detailliert auf das Thema Formulare eingehen. Wenn Du genaueres darüber wissen möchtest, dann schau doch mal ins HTML-Kompendium von Stefan Münz. Dort findest Du z.B. auch ein JavaScript, das Formularfelder auf falsche Eingaben checken kann, bevor es abgeschickt wird.

Hier beschreibe ich mal die Erstellung eines Formulars, dessen Inhalt ganz einfach per eMail an kurt@krause.de verschickt werden soll, sobald man auf den Senden-Button klickt:

•   Füge das erste Formularelement an der aktuellen Cursorposition ein: [Einfügen]-[Formularfeld]
•   Namo WebEditor erzeugt das Formularfeld und einen Formularbereich (gestrichelter Rahmen)
•   Wenn der gestrichelte Rahmen nicht sichtbar ist, dann schalte die speziellen Tag-Markierungen ein:
  [Ansicht]-[Markierungen ] > [Spezielle  Tag-Markierungen]
•   Füge die restlichen Formularelemente ein. Achte darauf, dass sie alle innerhalb des Formularrahmens liegen.
•   Klicke irgendwo in das Formular und bearbeite die Formular-Eigenschaften: [Format]-[Formular].
•   Formularname: Gib einen beliebigen Namen für das Formular ein oder lass es einfach bei der Vorgabe (form1), die Namo bereits eingetragen hat.
•   Zielframe: Nix eintragen.
•   Einstellungen: Ab hier wird bestimmt, was mit den Daten des ausgefüllten Formulars passieren soll. In unserem Beispiel wollen wir durch einen Klick auf den Senden-Button die Formulardaten als E-Mail an kurt@krause.de übermitteln. Also muss folgendes eingetragen werden:
• Aktion: mailto:kurt@krause.de
• Methode: POST
• Kodierungstyp: text/plain


Screenshot Namo WebEditor 2006

Index

Formular absenden:
Warum öffnet sich immer das E-Mail-Programm? Geht es auch ohne Mail-Programm?

Mit Namo WebEditor kannst Du nur ein Formular erstellen, dessen Inhalte nach Klick auf den Absenden-Button per Email verschickt werden. Mehr ist mit normalem HTML einfach nicht möglich. Bewirkt wird das durch die Aktion "mailto" in den Formulareigenschaften.

Soweit die Mailfunktion nicht schon im direkt Browser integriert ist, öffnet sich das im System vorgesehene E-Mail-Programm. Ist kein Mailprogramm vorhanden oder ist es nicht korrekt konfiguriert, dann geschieht evtl. auch nichts oder die Formulardaten werden nicht korrekt an das Mailprogramm übergeben. Das geschieht leider nur all zu häufig, so dass man sehr bald nach Alternativen für den E-Mail-Versand suchen muss.

Wenn die Formulardaten nicht per E-Mail verschickt werden sollen, dann benötigt man einen "Formmailer".
Der Formmailer ist ein Programm, das auf dem Server abläuft. Er hat die Aufgabe, die Formulardaten entgegenzunehmen, sie ggf. aufzubereiten, zu speichern und weiterzuleiten an eine (oder mehrere) E-Mailadresse(n). Die Aktion in den Formulareigenschaften ist dann nicht mehr "mailto", sondern der Aufruf der Web-Seite, die das Programm enthält.

Einen einfachen, aber sehr praktischen PHP-Formmailer findest Du bei http://aktuell.de.selfhtml.org/tippstricks/php/form-mail/ . In diesem Beispiel ist das Formular bereits auf der PHP-Seite selbst untergebracht und ruft sich daher selbst auf. Das Formular kann beliebig erweitert und verändert werden, da das Skript die Felder automatisch erkennt.

Namo WebEditor hat eine solche Funktion derzeit nicht an Bord. Du kannst nur das Formular damit erstellen. Um das PHP-Script musst Du Dich aber selber kümmern. Wenn Du nicht über PHP-Kenntnisse verfügst oder aus sonstigen Gründen kein PHP verwenden kannst, dann nimmst Du am besten einen entsprechenden Internetservice in Anspruch. Die Formulardaten werden dann an diesen gepostet und von dessen Server weitergeleitet. Du findest solche Online-Dienstleister, wenn Du bei Google die Stichworte [Formmailer kostenlos] eingibst. Als Gegenleistung musst Du mehr oder weniger viel Werbung in Kauf nehmen. Achte unbedingt darauf, dass der Service vertrauenswürdig ist. Immerhin werden sämtliche Formulardaten über dessen Server geleitet und können ggf. auch dort gespeichert werden. Die schwarzen Schafe unter den Serviceanbietern könnten z.B. die Mailadressen an Spammer verhökern. Grundsätzlich sollten vertrauliche Informationen aber sowieso nicht über das Internet verschickt werden.

Ein Anbieter solcher kostenlosen (werbefinanzierten) Homepage-Tools ist zum Beispiel One-Two-Max. Dort wird der Formmailer konfiguriert, als ob man ein Gästebuch einrichtet. Gästebuch und Forum gehören unter vielen anderen auch noch zum Serviceumfang von One-Two-Max.

Index

Formular: es werden nicht alle Informationen übermittelt

Ich habe über Einfügen - Formularfeld diverse Textfelder und schließlich auch einen Pushbuttons " Senden" erzeugt. Danach habe ich die Forumlareigenschaften so bearbeitet, dass mir die Formulardaten per eMail übermittelt werden. Das klappt auch ganz gut. Aber aus irgend einem mir unerfindlichen Grunde fehlen immer ein paar Daten.

Wenn man über das Menü " Einfügen" -" Formularfeld" ein Formularelement einfügt, dann erstellt der WebEditor dazu auch die erforderliche Formularumgebung. Wenn man ein weiteres Element einfügt, aber die Schreibmarke sich nicht im Formularbereich befindet, dann wird ein weiteres Formular erstellt. Kopiert man ein Formularfeld über die Windows-Zwischenablage (Copy/Paste), so wird oftmals auch ein weiteres Formular erstellt. Hat man nicht mittels [Ansicht]-[Markierungen ] > [Spezielle  Tag-Markierungen] die speziellen Tag-Markierungen eingeschaltet, so wird der gestrichelte Rahmen rund um den Formularbereich nicht angezeigt und man bemerkt nicht, dass ein weiteres Formular erstellt wurde. Die Felder, die sich im anderen Formular befinden können zwar ausgefüllt werden. Aber beim Absenden werden sie nicht berücksichtigt. Notfalls muss man den HTML-Quelltext anschauen, ob die Tags < form ...> und < /form> mehrfach vorhanden sind. Diese sind dann zu entfernen. Damit alle Formularfelder zu einem einzigen Formular gehören und somit auch alle gemeinsam versendet werden, darf es nur ein < form ...> Tag geben und zum Schluss auch nur ein < /form> Tag..

Index

Formulareingaben automatisch überprüfen

Leider hat Namo WebEditor eine solche Funktion nicht an Bord. Dabei kann man das durchaus mit einem relativ einfachen JavaScript erledigen. Ein komplettes Beispielformular, das Du kopieren und für Deine eigenen Bedürfnisse umschreiben könntest, findest Du z.B. bei Stefan Münz (SELFHTML).
Das kann folgendes tun:

- Eingabefelder prüfen, ob sie leer sind
- E-Mail-Feld prüfen, ob das @ vorhanden ist
- Numerisches Feld prüfen, ob wirklich nur Zahlen darin stehen.

Weiter führende Infos bei SELFHTML - JavaScript: Formularauswertung
 

Index

Danke-Seite aufrufen nach Klick auf [Absenden]

Ich möchte der Schaltfläche " Absenden" zusätzlich einen Hyperlink geben, damit sich eine neue Seite öffnet, auf der ich mich für das Absenden des Formulars bedanke.

Man kann den Absenden-Button nicht einfach mit einem Link unterlegen. Aber man kann ihm eine Aktion (JavaScript) zuordnen. Die Aktion zum Aufruf einer anderen HTML-Seite (z.B. danke.htm) geht so:

•   Bearbeite das Formular mit Namo WebEditor.
• Klicke auf den Absende-Button.
• Namo 5: Öffne das Fenster " Aktion"
  Namo 6: Öffne das Bedienfeld " Aktionen"
  
• In dem Aktion-Fenster klicke auf (Hinzufügen)
• Im Fenster Aktions-Eigenschaften wähle das Ereignis: OnClick
  Dann wähle die Aktion: Fenster-URL ändern
  Bei Parameter klicke in das Schreibfeld neben " URL" Gib dort den Namen der HTML-Datei ein (z.B. danke.htm) Oder klicke auf und such die Datei aus Deinem Ordner aus.
• Zuletzt klicke auf den Button [OK].
• Das Aktion-Fenster kannst Du nun wieder schließen.
  

Index