Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

DVD-Werbung
Passend zum Inhalt empfehlen wir unsere:

Joomla!-Training - für die aktuelle Version 2.5

Du willst deine eigene Website erstellen und administrieren?
  • 9 Stunden Video-Trainings zum beliebten CMS Joomla ab 2.5!
  • 40 Praxis-Lektionen in Text/Bild als PDF (über 500 Seiten)
Fazit: Deine eigene Website mit Galerie und Co. kann kommen!

Jetzt informieren

Kommentare

  • Alternative Portrait von zumi2009

    zumi2009

    20.04.2010 - 16:20

    Super erklärt, vielen Dank.

  • Alternative Portrait von kcsunshine

    kcsunshine

    06.04.2010 - 22:55

    Gute Fortsetzung der Teile 1 und 2

  • Alternative Portrait von chupakaba

    chupakaba

    28.09.2009 - 16:57

    Hmm hatte mir ein bisschen mehr erwartet, weil diese Funktionen bekommt man auch ohne Tutorial raus. Hätte zb interessant gefunden ob man 2 checkboxen miteinander verknüpfen kann und das zb 1 von 2 angekreuzt sein muss.

  • Alternative Portrait von sophie67

    sophie67

    28.08.2009 - 13:45

    Klasse wie immer Danke

  • Portrait von miko0001

    miko0001

    27.07.2009 - 11:10

    Ja, auch der 3. Teil ist super, auch wenn er etwas schwer zu finden ist.
    Eine Verlinkung mit den beiden ersten Teilen wäre sinnvoll.

  • Alternative Portrait von crazygums

    crazygums

    18.07.2009 - 21:08

    yeah thanks again für Deine Mühen, großer Dienst an der Menschheit!
    @websmurf: Ja ich kann Dir Joomla auch nur empfehlen, es wir immer besser, macht richtig Spaß! Und Formulare sehe ich auch als ein wichtiges Entscheidungskriterium, was CMS angeht.

  • Alternative Portrait von jpx10

    jpx10

    12.07.2009 - 13:40

    Sehr gutes Tutorial! - Herzlichen Dank

    Nun wäre eine Fortsetzung, wie man z.B. Formular-Validierungen vornimmt absolut genial. Mich würde auch interessieren, ob man die gesendeten Daten auch in einer DB speichern kann. Bei der Newsletteranmeldung wäre dies z.B. sehr praktisch. So könnte man die eingetragenen E-Mail Adressen mit einem anderen Programm auslesen und weiterverarbeiten. :-)

  • Alternative Portrait von websmurf

    websmurf

    25.06.2009 - 13:18

    Ich bebefinde mich zur Zeit in der Auswahl eines CMS. Der Formularbaukasten ist ein starkes Argument für Joomla gegenüber vielen CMS, bei denen Formulare nur sehr umständlich zu erstellen sind.

Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Beim Anlegen des Feldes Vorname gibt es im Vergleich zu dem bereits vorhandenen Nachname-Feld keine Unterschiede. Nachdem die beiden Felder Vorname und Nachname angelegt wurden, geht es jetzt um das Geschlecht-Feld. Darüber sollen die Benutzer angeben können, ob sie männlich oder weiblich sind. Die Besonderheit der Radioboxen ist, dass man normalerweise – zumindest im eigentlichen Sinn – immer nur eine Option auswählen kann. So können Benutzer also beispielsweise angeben, ob sie eine Frau oder ein Mann sind.
Um eine Radiobox anzulegen, rufen Sie über die Werkzeugleiste Neu auf und wählen unter Eingaben die Option Radioknopf. Mit Weiter gelangt man zur nun schon bekannten Konfiguration des Feldes.

Zunächst soll das Feld Mann angelegt werden. Wichtig ist vor allem das Feld Name.

Bilder

Dort tragen Sie im aktuellen Beispiel geschlecht ein. Exakt der gleiche Name muss dann anschließend auch beim Frau-Feld verwendet werden. Denn nur dann gehören die beiden Felder zur gleichen Gruppe. Und nur wenn sie der gleichen Gruppe angehören, ist gewährleistet, dass man jeweils nur eine Option auswählen kann.

Wichtig ist zudem das Feld Beschriftung. Der hier vergebene Wert wird im Frontend vor dem Feld angezeigt.

Genauso wie das Mann-Feld angelegt wurde, erzeugen Sie auch das Frau-Feld. Ein anschließender Blick in die Layoutansicht liefert folgendes Ergebnis:

Bilder

Anders als bei einfachen Eingabefeldern muss man bei Radioboxen keine zusätzliche Beschriftung über ein statisches Feld einfügen. Das wird bei Radioboxen mittels des Beschriftung-Feldes, das während des Anlegens der Radiobox mit Inhalt gefüllt wird, erledigt.

Auswahlfelder anlegen
Eine ebenfalls öfters benötigte Feldart sind Auswahlfelder. Im Beispielformular soll darüber das Anliegen der Kontaktaufnahme ausgewählt werden. Um dieses Feld anzulegen, klicken Sie in der Werkzeugleiste auf Neu und aktivieren im Bereich Eingaben die Option Auswahlliste.

Bilder

Mit Weiter werden die Einstellungen übernommen. Interessant ist jetzt zunächst einmal die Option Mehrfachauswahl. Über diese kann man nämlich festlegen, ob aus dem Feld mehrere Einträge ausgewählt werden dürfen. Die eigentlichen Auswahlmöglichkeiten werden in das Optionen-Feld eingetragen. Hier zunächst ein Beispiel, wie diese Einträge typischerweise aussehen:

1;Ihr Anliegen;''
0;Anfrage;anfrage
0;Bestellung;bestellung
0;Support;support

Wie unschwer zu erkennen ist, folgt die Syntax immer dem gleichen Schema. Zunächst einmal hat man die Wahl zwischen einer vorangestellten 1 und einer 0. Durch den Wert 1 wird der Standardeintrag festgelegt. Dieser Wert wird als Voreinstellung des Feldes angezeigt. Das ist auch der Grund, warum man die 1 lediglich einmal verwenden sollte.

Der hinter dem Semikolon stehende Wert ist derjenige, der dem Besucher im Auswahlfeld angezeigt wird. Nach einem weiteren Semikolon wird der interne Feldwert bestimmt. Dieser Wert wird dem value-Attribut des option-Elements zugewiesen. Der im Frontend generierte Quellcode sieht dann beispielsweise folgendermaßen aus:

<option value="anfrage">Anfrage</option>

Hier sehen Sie noch einmal den Zusammenhang zwischen der Syntax im Verwaltungsbereich der BreezingForms und der Ausgabe im Frontend.

Angelegt wird das Auswahlfeld abschließend mit Speichern. In der Entwurfsansicht lässt es sich dann an der gewünschten Stelle platzieren.

Bilder

Checkboxen
Auch Checkboxen werden Ihnen immer wieder begegnen. Ein typisches Einsatzszenario für diesen Feldtyp ist die Frage, ob die Besucher einen Newsletter abonnieren wollen. Um eine Checkbox anzulegen, klicken Sie wie üblich in der Werkzeugleiste auf Neu. Interessant ist im Bereich Eingaben der Wert Ankreuzfeld.

Bilder

Nachdem Sie diese Option gewählt haben, bestätigen Sie diese Einstellung mit Weiter. Wie üblich weisen Sie dem Feld für interne Zwecke einen Titel und einen Namen zu. Interessant ist darüber hinaus die Option Angekreuzt. Wählt man hier Ja, ist die Checkbox im Frontend standardmäßig angekreuzt bzw. aktiviert. Diese Option entspricht dem checked-Attribut des input-Elements.

Über die Option Typ kann man festlegen, ob die Checkbox aktiv oder inaktiv sein soll. Setzt man den Wert auf Deaktiviert, wird dem input-Element der Wert disabled zugewiesen. Wurde eine auf diese Weise gekennzeichnete Checkbox bei Angekreuzt auf Ja gesetzt, kann diese vom Anwender nicht mehr deaktiviert werden. (Gleiches gilt natürlich auch im umgekehrten Fall.)

In das Feld Wert tragen Sie den internen Bezeichner der Checkbox ein. Dieser Wert wird dem name-Attribut des input-Elements zugewiesen.
Und zu guter Letzt gibt es da noch das Feld Anschrift, bei dem die Übersetzung nicht so recht passen will. Aber wie auch immer: Der in dieses Feld eingetragene Wert wird vor der Checkbox angezeigt. Mit Speichern werden die Einstellungen übernommen.

Bilder

Versteckte Eingabefelder
Ein weiterer Elementtyp sind die versteckten Eingabefelder. Jetzt könnte man sich natürlich die Frage stellen, warum man sein Formular mit unsichtbaren Eingabefeldern ausstatten soll. Interessant ist dieser Feldtyp hauptsächlich daher, da diese Felder Daten enthalten können, die mit dem Formular übertragen werden. Diese Daten können dann per Skript oder Programm ausgelesen und weiterverarbeitet werden.  

Felder für den Datei-Upload
Interessant ist auch der Feldtyp Datei Upload.

Bilder

Darüber kann man den Benutzern die Möglichkeit geben, Dateien mit dem Formular mitzuschicken. Hier ist natürlich Vorsicht geboten. Schließlich könnten die Benutzer auch verseuchte Daten senden. Es gilt also Sicherheitsvorkehrungen zu treffen. So sollte man über Max Dateigrösse die Dateigröße angeben, die von Benutzern maximal übertragen werden darf. Erwartet wird ein Byte-Wert. Dabei entspricht die Voreinstellung 2000000 knapp 2 MByte.

Während diese Option eher dazu gedacht ist, Speicherplatz zu sparen, geht es im Feld Erlaubte Mime Typen darum, welche Dateitypen auf den Server geladen werden dürfen. Standardmäßig ist lediglich der Wert text/*,application/zip enthalten. Das bedeutet, dass man Textdateien und Zip-Archive übertragen kann. Je nach dem, welche Dateitypen Sie noch wollen, können Sie diese Liste erweitern. Dabei muss jeder Mime-Type durch Kommata vom Vorgängerwert getrennt notiert werden. Eine gute Übersicht der verfügbaren Mime-Typen finden Sie beispielsweise unter http://de.selfhtml.org/diverses/mimetypen.htm. Achten Sie auf alle Fälle darauf, dass gemeinhin als gefährlich eingestufte Mime-Typen nicht in der Liste auftauchen. (Das gilt beispielsweise für exe-Dateien u.ä.)

Fazit
Auch dieses Tutorial hat es wieder gezeigt: Die Möglichkeiten, die BreezingForms bietet, sind sehr vielfältig. Das bedeutet natürlich auch, dass man sich tatsächlich nach und nach in den Umgang mit dieser Erweiterung einarbeiten muss. In den nächsten Tutorials wird das Beispielformular weiter ausgebaut.

vBulletin 0.04 • ZF-App 0.477 • Total 0.517