Professionelle Bücher. Auch für Einsteiger.

Inhaltsverzeichnis
Vorwort
1 Einleitung
2 Installation
3 Frontend
4 Backend
5 Eine erste Webseite
6 Inhalte erstellen und verändern
7 Module, Mambots, Komponenten
8 Konfiguration von Joomla!
9 Eine Site aufbauen
10 Der Joomla!-Baukasten
11 Formulare: Facile Forms
12 Benutzer und Bereiche
13 Joomla! als Community-Treff
14 Forum: Simpleboard
15 Blog: WordPress
16 Wiki: MamboWiki
17 Noch mehr Kommunikation
18 Systemwartung
19 Weiterführende Themen
20 Eigene Erweiterungen schreiben
21 Mambots erstellen
22 Eine eigene Komponente
23 Troubleshooting
A Die Joomla!-API
B Glossar
C Inhalt der CD
Index
Index
Download: - ZIP, ca. 19,6 MB
Buch bestellen
Ihre Meinung?
<< zurück | Galileo Computing / <openbook> / Joomla! | vor >>
Joomla! von Anja Ebersbach, Markus Glaser, Radovan Kubani Das Handbuch für Einsteiger
Joomla! 496 S., mit CD, 29,90 Euro Galileo Computing ISBN 3-89842-632-7 |
| Kapitel 11 Formulare: Facile Forms
|  | 11.1 Installation und Konfiguration
|  | 11.2 Die Facile Forms in der Übersicht
|  | 11.3 Entwurf eines Beispielformulars
|  | 11.4 Die Formularoberfläche
|  |  | 11.4.1 Anlegen eines neuen Formulars
|  |  | 11.4.2 Texteingabefeld
|  |  | 11.4.3 Statisches Textfeld
|  |  | 11.4.4 Radiobuttons
|  |  | 11.4.5 Dropdown-Liste
|  |  | 11.4.6 Tooltip
|  |  | 11.4.7 Submit-Button
|  | 11.5 Funktionen für das Formular und die Elemente
|  |  | 11.5.1 Den Fokus auf ein Element setzen
|  |  | 11.5.2 Validierung der Eingaben
|  |  | 11.5.3 Über den Button abschicken
|  |  | 11.5.4 Rückmeldung an den Nutzer geben
|  | 11.6 Die Verwaltung der Daten
|  | 11.7 Formular im Frontend verankern
|  | 11.8 Formular im Backend-Menü verankern
|  | 11.9 Formular exportieren/importieren
## 11.5 Funktionen f ü r das Formular und die Elemente Nachdem nun die Äußerlichkeiten erledigt sind, können wir uns den Funktionalitäten des Formulars zuwenden. Jedem Formular und jedem einzelnen dynamischen Element können Sie Skripte, also kleine Programmteile, zuweisen, die – abhängig von verschiedenen Ereignissen – ausgeführt werden. Sie finden diese Skripte im Konfigurationsdialog der einzelnen Elemente über den Reiter Skripte. Für die Eingabeelemente lassen sie sich in drei Kategorien einteilen:

Tabelle 11.5 Die verschiedenen Skriptkategorien

Skriptkategorie | Funktion
Initialisierungsskript | Was passiert beim Laden des Elements?
Aktionsskript | Was passiert bei einer bestimmten Aktion, z. B. einem Mausklick?
Validierungsskript | Worauf soll der Inhalt eines Elements getestet werden?
Bei jeder dieser Kategorien haben Sie die Auswahl zwischen Kein, Bibliothek und Spezial.
| Kein ist die Default-Einstellung und bedeutet, dass kein Skript ausgewählt wurde.
| Unter Bibliothek können Sie sich mehrere vorgefertige Skripte aussuchen.
| Am flexibelsten, aber auch am anspruchsvollsten ist die letzte Option: Spezial. Hier können Sie sich über Rahmencode erzeugen das Muster einer Funktion vorgeben lassen und die Platzhalter und den eigentlichen Programmteil mit eigenen PHP-Befehlen ersetzen.
Um Ihnen einen Überblick zu verschaffen, haben wir in Abbildung 11.23 für eine beliebige Dropdown-Liste alle drei Funktionsoptionen verteilt auf die verschiedenen Skriptkategorien ausgewählt.
Hier klicken, um das Bild zu vergrößern Abbildung 11.23 Verschiedene Skript-Optionen
### 11.5.1 Den Fokus auf ein Element setzen Kehren wir zu unserem Beispiel zurück. Beim Aufrufen eines Formulars wird der Fokus standardmäßig auf das erste Element eines Formulars gelenkt. Wir möchten nun aber, dass die Aufmerksamkeit des Nutzers zuerst auf das E-Mail-Feld gezogen wird, damit er diese wichtige Eingabe gleich als Erstes erledigt. Dazu gehen wir in den Skript-Dialog des E-Mail-Textfeldes und klicken im Initialisierungsskript-Bereich die Bibliothek-Option an.
Hier klicken, um das Bild zu vergrößern Abbildung 11.24 Das Fokus-Skript anhängen
Sie können sich bereits in der Entwurfsansicht vergewissern, dass sich der Cursor beim Initialisieren des Formulars im E-Mail-Feld befindet. ### 11.5.2 Validierung der Eingabe n Wenn ein User ein Formular ausgefüllt hat, schleichen sich oft Fehler ein oder obligatorische Felder werden übersehen, was Auswirkungen auf den ganzen Kommunikationsprozess haben könnte. Um diese fehlerhaften Eingaben abzufangen, können Sie an die jeweiligen Formularfelder kleine Programmskripte anhängen, die nach dem Betätigen des Abschicken-Buttons, aber noch vor dem Einfügen der Daten in die Datenbank den Nutzer darauf hinweisen, dass er das Formular an bestimmten Stellen falsch oder gar nicht ausgefüllt hat. In unserem Beispiel soll ein Skript überprüfen, ob denn tatsächlich eine E-Mail-Adresse in das Feld E-Mail eingegeben wurde. Dazu klicken wir doppelt auf das Eingabefeld E-Mail und begeben uns dann in das Register Skripte (Abbildung 11.25). Hier wählen Sie bei Validierungsskript den Radiobutton Bibliothek und wählen in der Dropdown-Liste die Funktion ff_validemail an. Im Feld darüber können Sie festlegen, welche Fehlermeldung ausgegeben werden soll, falls der Nutzer keine richtige E-Mail-Adresse eingegeben hat. Wie Sie in der Dropdown-Liste sehen, können die unterschiedlichsten Gültigkeitsprüfungen durchgeführt werden. So testet z. B. ff_integer_or_empty, ob das Feld eine ganze Zahl enthält oder leer ist.
Hier klicken, um das Bild zu vergrößern Abbildung 11.25 Die E-Mail-Adresse soll überprüft werden.
### 11.5.3 Ü ber den Button abschicken Bisher ist unsere Schaltfläche Abschicken zwar für eine bestimmte Aufgabe vorgesehen, aber noch nicht funktionsfähig. Dazu müssen wir noch einmal in die Konfiguration des Buttons gehen und über den Reiter Skripte eine Funktion anbinden (Abbildung 11.26). Wählen Sie den Bibliothek-Radiobutton, und wählen Sie die Funktion ff_validate_submit aus, die zunächst die eingestellten Validierungsskripte durchläuft und dann die Daten abschickt. Sie können hier aber auch andere Aktionen mit dem Button verbinden – z. B. den Sprung auf eine weitere Seite des Formulars.
Hier klicken, um das Bild zu vergrößern Abbildung 11.26 Die Schaltfläche mit der Submit-Funktion verbinden
### 11.5.4 R ü ckmeldung an den Nutzer gebe n Wenn das Formular abgeschickt wurde, sollten Sie den User nicht im Unklaren lassen, sondern ihm eine Meldung schicken, dass die Übertragung geklappt hat. Das Skript, das dazu notwendig ist, wird diesmal nicht mit einem einzelnen Element, sondern mit dem gesamten Formular verbunden. Wir gehen daher eine Ebene höher in den Formularmanager und gelangen in die Konfiguration, indem wir auf den Namen (!) unseres Formulars klicken. Auch hier finden wir den Reiter Skripte (Abbildung 11.27). Wählen Sie im Bereich 'Übermittelt' Skript den Radiobutton Bibliothek und aus der Dropdown-Liste die Funktion ff_showsubmitted.
Hier klicken, um das Bild zu vergrößern Abbildung 11.27 Die Einstellung der Rückmeldung
Nun können Sie das Formular in der Entwurfsansicht testen. Bei einer falschen Eingabe der E-Mail-Adresse, z. B. ohne das »@«-Zeichen, sollte die Java-Script-Meldung aus Abbildung 11.28 erscheinen.
Hier klicken, um das Bild zu vergrößern Abbildung 11.28 Die Meldung im Fall einer falschen E-Mail-Adresse
Bei der richtigen Eingabe erhalten Sie eine positive Meldung (Abbildung 11.29).
Hier klicken, um das Bild zu vergrößern Abbildung 11.29 Die Daten wurden erfolgreich übermittelt.
Achtung: Falls Sie beim Abschicken die Fehlermeldung »send mail failed: could not instantiate mail function« erhalten, sollten Sie in der Global Configuration · Mail den Modus (php, sendmail oder smtp) auf smtp oder sendmail umstellen (vgl. auch Abschnitt 8.4, Mail-Versand).
<< zurück | <top> | vor >>
Zum Katalog
Joomla! bestellen
Ihre Meinung?
Wie hat Ihnen das <openbook> gefallen? Ihre Meinung
Buchtipps
| NEU: Joomla! 1.5 - für Einsteiger
| Einstieg in Joomla! - Das Video-Training
| CSS-Layouts
| Webseiten erstellen für Einsteiger
| Suchmaschinen-Optimierung für Webentwickler
| Professionelles Webdesign mit (X)HTML und CSS
| Einstieg in osCommerce/xt:Commerce
Shopping
Versandkostenfrei bestellen in Deutschland und Österreich Info

Copyright © Galileo Press 2006
Für Ihren privaten Gebrauch dürfen Sie die Online-Version natürlich ausdrucken. Ansonsten unterliegt das <openbook> denselben Bestimmungen, wie die gebundene Ausgabe: Das Werk einschließlich aller seiner Teile ist urheberrechtlich geschützt. Alle Rechte vorbehalten einschließlich der Vervielfältigung, Übersetzung, Mikroverfilmung sowie Einspeicherung und Verarbeitung in elektronischen Systemen.

[Galileo Computing]
Galileo Press, Rheinwerkallee 4, 53227 Bonn, Tel.: 0228.42150.0, Fax 0228.42150.77, info@galileo-press.de