Joomla! User Group Fulda

Mit der Hilfe der Komponente ChronoForms ist es möglich das Kontaktformular mit einem Captcha abzusichern. Sie finden ChronoForms unter www.chronoengine.com.

Die Abbildung zeigt ein Kontaktformular, dass mit ChronoForms erzeugt wurde. Sie sehen das Captcha in der letzten Zeile. Wie wird das Formular erzeugt?

Holen Sie sich zunächst die aktuelle Version der ChronoForms von der Herstellerseite.

Wählen Sie die "ChronoForm Component" ...

Hier wähle Sie z. B. die Kompontente für die Joomla 1.5er Version.

Derzeit ist die Version 2.5 aktuell (Stand Mai 2008). Ich Klicke bei dem Paket "ChronoForms V2.5 J1.5 RC3.1" auf Download. Das erste Paket ist ein Update von einer früheren Version.

Speichern Sie das Paket ...

... z. B. auf dem Desktop.

Suchen Sie das Installationspaket...

... und klicken Sie auf "Datei hochladen & Installieren".

Nach der Installation können Sie über "Komponenten - Chrono Forms - Form Manager"ein neues Formular anlegen.

Füllen Sie die Registerkarte "General" mit den nötigen Informationen aus. Die wichtigste Info hier ist der "Form Name", mit der das Formular später identifiziert wird. Hinweis: Auf der Herstellerseite gibt es ein Plug-In, dass es erlaubt ein Formular innerhalb eines Artikels zu integrieren. Hierzu ist ebenfalls der Formularname wichtig. Neben den Register "General" wird im nächsten Schritt der Formular-Code hinterlegt.

Hier entscheiden ich mich für HTML-Code für das Formular und klicke auf den "[+/-]"-Link hinter "Form HTML".

In das Fenster wird lediglich der Code für das Formular eingetragen (ohne die FORM-Tags). Als Beispiel dient folgende Tabelle.

Achten Sie darauf in dem Formular eine Zeile mit "{imageverification}" eingefügt wird. Hier wird später das Captca eingefügt. Unter dem Register "Form URLs" ...

... wird die URL eingetragen, die nach dem Versenden der Formulardaten angezeigt werden soll. Hierzu nutzen Sie z. B. die URL "index.php?option=com_content=52". Das bedeutet, dass die Seite mit der ID 52 angezeigt wird. Erzeugen Sie hierfür einen neue "Nicht kategorisierte" Seite mit einem "Danke für Ihre Nachricht" als Inhalt . Nutzen Sie die eindeutige ID des Artikels in der "Redirect URL".

Im nächsten Schritt wird im Register "Anti Spam" ...

... aktivieren Sie die Option "Use Image verification". Erst durch das Aktivieren dieser Option wird das "{imageverification}" im Formular-Code ausgetauscht.

Im Register "Validation" ...

... können Sie bestimmen, welche Felder Pflichtfelder, welche auf E-Mail oder anderen Inhalte geprüft werden sollen. Nutzen Sie hierzu die ID-Attribute aus den Input-Tags des Formular Codes. Felder können durch Komma getrennt aufgeführt werden. Klicken Sie abschließend auf die Speichern Schaltfläche.

Hinder dem Formular steht in der Spalte der Einstrag "Create Table". Um die Werte später in den Tabellen zu sammeln, ...

Aktivieren Sie die Option "Create column" vor jeder Spalte die erzeugt werden soll.Unter Column type wird der Datentyp für das Feld angegeben. Wählen Sie einen passenden Datentyp aus und klicken Sie dann auf "Create Table".

Nehmen Sie nun einen neuen Menüpunkt als URL auf und verweisen Sie auf die in der Spalte Link angegebene URL (hier z. B. "index.php?option=com_chronocontact&chronoformname=Kontakt"). Das Ergebnis sieht dann wie folgt aus:

Dank der Validation-Einstellungen ...

... werden fehlende ...

... oder falsche Eingaben gemeldet. Damit ist Ihr Kontaktformular erstellt und mit einem Captcha abgesichert.

Unter www.chronoengine.com sind weitere Informationen und Video-Anleitungen hinterlegt.