ich habe einmal versucht ein Dynamisches Formular inkl. Feldüberprüfung und Captcha umzusetzen das komplett ohne Templates auskommt und von Kunden einfach, ohne HTML-Kenntnisse, einsetzbar und bearbeitbar ist.
Im Inputbereich vom Template kann man die Anzahl der benötigten Felder eingeben, die Feldtypen, die Namen und ob es Pflichtfelder sind und dann mit ein paar Klick ist das individuelle Formuar fertig. Das ganze hat dann noch ein zuschaltbares Captcha (Spamschutz), eine Auswahl der ausgabe der IDCAT oder der IDART und IE6-PNG-Fix da ich selbst transparente PNG im Formular einsetze. Momentan wird es auf ein paar Seiten als Feedback- Kontakt- oder Schulungsanmeldeformular zum Testen eingesetzt.
Beispiel
Inputbreich:
Editorbereich:
Ausgabebereich:
Neu zur Vorgängerversion
Bei einem Emailfeld kann man nun "als Absender" und "Bestätigungsmail senden" einstellen.
Ist "als Absender" aktiviert kann man nach dem Empfang des Formulars direkt auf Antworten gehen um zurückzuschreiben da diese Email dann die Absenderemail des Fomulars ist.
Ist "Bestätigungsmail senden" aktiviert bekommt die eingetragene Emailadresse ebenfalls das Formular zusätzlich (per php-mail) zugesendet.
Innerhalb des Fomulars kann man nun auch Überschriftbereiche und Textbereiche definieren.
Aktuelle Version 0.9.2
Zusätzliche Funktionen
- * Captcha zuschaltbar
* Auswahl idcat oder idart
* IE6-PNGFIX zuschaltbar
* Überschrift- und Textbereiche innerhalb des Formulars definierbar
- * Textfeld
* Textarea
* Selectfeld
* Radio einzeln
* Radio Gruppe, Spaltenanzahl einstellbar
* Checkbox einzeln
* Checkbox Gruppe, Spaltenanzahl einstellbar
* Hidden-Felder
- * Textfeld mit min. und max. Zeichenanzahl
* Textfeld URL Schreibweise
* Textfeld Email Schreibweise, als Absender- und/oder Bestätigungsemail einstellbar
* Textfeld Integer mit min. und max. Zeichenanzahl
* Textfeld PLZ-5stellig nur Zahlen
* Textfeld Datum, Format einstellbar
* Textfeld Uhrzeit, Format einstellba
* Textarea mit min. und max. Zeichenanzahl
* Selectfeld, Auswahl überprüfen
* Radio einzeln, Auswahl überprüfen
* Radio Gruppe, Auswahl überprüfen, Spaltenanzahl einstellbar
* Checkbox einzeln, Auswahl überprüfen
* Checkbox Gruppe, Auswahl überprüfen, Spaltenanzahl, min. Check und max. Check einstellbar
Version 0.9.2
- * Neu: Emailfeld als Absenderemail einstellbar
* Neu: Emailfeld mit Bestätigungsemail senden
(mehrfach benutzbar wenn mehrere Email-Felder
* Neu: Überschriftfelder innerhal des Formulars einfügbar (CMS_HTMLHEAD)
* Neu: Textfelder innerhalb des Formulars einfügbar (CMS_HTML)
* Beispiel-CSS nun extern im Verzeichnis xtcDynForm/css
- * Neu: Radio einzeln
* Neu: Radio Gruppe, Spaltenanzahl einstellbar
* Neu: Checkbox einzeln
* Neu: Checkbox Gruppe, Spaltenanzahl einstellbar
* Neu: Hidden-Felder
* Neu: Textfeld Datum, Format einstellbar
* Neu: Textfeld Uhrzeit, Format einstellbar
* Neu: Radio einzeln, Auswahl überprüfen
* Neu: Radio Gruppe, Auswahl überprüfen, Spaltenanzahl einstellbar
* Neu: Checkbox einzeln, Auswahl überprüfen
* Neu: Checkbox Gruppe, Auswahl überprüfen, Spaltenanzahl, min. Check und max. Check einstellbar
- * Captcha zuschaltbar
* Auswahl idcat oder idart
* IE6-PNGFIX zuschaltbar
* Textfeld
* Textarea
* Selectfeld
* Textfeld mit min. und max. Zeichenanzahl
* Textfeld URL Schreibweise
* Textfeld Email Schreibweise
* Textfeld Integer mit min. und max. Zeichenanzahl
* Textfeld PLZ-5stellig nur Zahlen
* Textarea mit min. und max. Zeichenanzahl
* Selectfeld, Auswahl überprüfen
- * Felder zwischen vorhandenen Feldern löschen
* Felder zwischen vorhandenen Feldern anlegen
* zuschaltbarer Link-Anker falls das Formular einmal am Ende einer Seite ist.
http://www.xtended-cooperation.de/werbe ... yForm.html
und hier http://www.xtended-cooperation.de/werbe ... Form2.html
Bei dieser Demo wird das Formular nicht versand sondern auf der Folgeseite der Inhalt der EMail angezeigt!
Infos, Bilder (Anleitung) und den Download des kompletten Pakets und des Updates von der 0.8.0 auf die 0.9.0 gibt es hier:
http://www.xtended-cooperation.de/werbe ... tform.html
Die Spaltenbreite bei dem Checkboxen und Radiobuttons wird per CSS definiert, Beispiel:
Code: Alles auswählen
#SpryContactForm ul li span span.grpcheckbox {
display:block;
float:left;
height:25px;
width:100px;
}
#SpryContactForm ul li span span.grpradio {
display:block;
float:left;
height:25px;
width:70px;
}
- * #SpryContactForm
* li.oneradio
* li.onecheckbox
* li.select
* li.grpradio und darin span.grpradio
* li.grpcheckbox und darin span.grpcheckbox
* li.headline
* li.text
* span.SprySicherheitscode
* span.contactFormSubmit
* input.resetbutton
* input.submitbutton
Anregungen, Tipps, Feedback usw. immer her damit
Viel Spass beim testen
Edit: 23.07.2012
Von meiner Seite her wird es keine neue/angepasste Version dieses Modules geben.
Aktuell bin ich, wenn es zeitlich machbar ist, an der Umsetzung eines neuen DynForm Modules auf jQuery Basis.
Die neuen Merkmale sind dann:
- löschen einzelner Formularfeldbereiche innerhalb eines Formulares (im Contenido Editorbereich), Bsp. 10 Felder vorhanden, das 5. kann einzeln herausgelöscht werden
- Sortierung der Formularfelder per Drag & Drop mit der Maus (im Contenido Editorbereich)
- Versand über phpMailer-Klasse
- Captcha als Drag & Drop
- Formularüberprüfung per jQuery
- verschiedene Formularfeldtypen wie zum Beispiel Telefonnummer, Datum, Datum über Kalenderfunktion, Datum von/bis über Kalenderfunktion, usw.
Ich bin einmal gespannt wer eher fertig wird.
Das neue DynForm oder Contenido 4.9
Schöne Grüße von Usedom
Ralf