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 Lary_s

    Lary_s

    18.10.2011 - 06:58

    Top Tutorial! Weiter so! War sehr hilfreich!

  • Alternative Portrait von Werner_Flo

    Werner_Flo

    09.02.2011 - 20:44

    Besten Dank für das Tutorial, wahr sehr hilfreich.

  • Alternative Portrait von utzit

    utzit

    24.09.2010 - 22:44

    Sachlich geschrieben, danke für die Infos.
    Ich werde bald wieder hier reinschauen…

  • Alternative Portrait von zumi2009

    zumi2009

    20.04.2010 - 17:17

    Super erklärt, vielen Dank.

  • Alternative Portrait von kcsunshine

    kcsunshine

    06.04.2010 - 23:01

    Prima, hoffentlich kommt noch mehr.

  • Alternative Portrait von lilmiss

    lilmiss

    18.02.2010 - 10:51

    Alle 4 Tutorials waren echt super für Anfänger wie mich, allerdings habe ich noch viele weitere Fragen. Ist es denn auch möglich verschiedene Formulare miteinander zu verknüpfen? Oder die Formmularoberfläche auf der zweiten Seite zu ändern? Komm da noch nicht so klar.

  • Alternative Portrait von binhero

    binhero

    27.11.2009 - 19:48

    Danke. Zur Validierung würde mich aber mehr interessieren.

  • Alternative Portrait von rusja

    rusja

    16.10.2009 - 10:52

    Herzlichen Dank! Sehr hilfreich für Anfänger.

  • Alternative Portrait von sophie67

    sophie67

    28.08.2009 - 13:47

    Auch dieser Teil wie immer klasse.

  • Portrait von miko0001

    miko0001

    01.08.2009 - 13:55

    Auch der 4. Teil ist wieder super geworden.
    Ich hoffe ja, daß noch ein Teil kommt, der bei den Skripten etwas in die Tiefe geht. ;) Da hab ich so wenig Ahnung von.
    Was mich brennend interessieren würde, wäre ob man "Recaptcha" in
    Breezingforms integrieren kann.

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

Tutorial empfehlen

 

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


Dass sich Felder relativ einfach anlegen lassen, wurde in den vorherigen Tutorials deutlich. Allerdings bereiten bestimmte Formularfelder erfahrungsgemäß das gleiche Problem: Oftmals wissen die Besucher nicht, was sie dort genau eintragen sollen bzw. erwarten eine Hilfestellung. Wie aber kann man den Besuchern hier helfend unter die Arme greifen? In Joomla! ist eine entsprechende Funktion integriert, die Ihnen sicherlich bereits aufgefallen ist.

Bilder

Fährt man mit der Maus über ein solches Symbol, werden innerhalb von Tooltipps Hilfetexte angezeigt. So etwas eignet sich natürlich auch hervorragend für Formulare.  Stellt sich also beispielsweise heraus, dass Besucher ein bestimmtes Feld immer wieder fehlerhaft ausfüllen bzw. falsch interpretieren, können Sie einen entsprechenden Hilfetext hinterlegen. Solche Hilfetexte können Sie in den BreezingForms ganz einfach definieren.

Um ein Tooltipp anzulegen, wählen Sie im Bereich Statische den Wert Hinweis.

Bilder

Über Weiter gelangt man zum Konfigurations-Dialog, in dem man die nötigen Angaben definieren kann. Der anzueigende Text wird dabei in das Text-Feld geschrieben.

Bilder

Das Formular abschicken
Wie Sie Ihr Formular letztendlich gestalten, bleibt natürlich Ihnen überlassen. Eine Frage stellt sich aber dennoch: Wie kann man dafür sorgen, dass die Besucher die Formulardaten abschicken können? Das wird bekanntermaßen über eine Schaltfläche realisiert. Die BreezingForms stellen hier drei verschiedene Arten von Schaltflächen zur Verfügung.

  • Normaler Knopf – Dabei handelt es sich um einen normalen HTML-Submit-Button, wie Sie ihn von klassischen Formularen her kennen.
  • Grafikknopf – Ebenso können Sie auch grafische Schaltflächen einfügen. Dabei muss der Pfad zur Grafik in das Feld Grafik URL eingetragen werden. Parallel kann man der grafischen Schaltfläche auch noch einen Text zuweisen.
  • Piktogramm – Hier fungiert das angegebene Bild als Schaltfläche.

Auch dabei gilt wieder, dass es letztendlich Ihnen überlassen bleibt, für welche dieser Varianten Sie sich entscheiden. Viel wichtiger ist da schon die Frage, was die eingefügte Schaltfläche eigentlich können soll. Klar, ein einfaches Abschicken ist natürlich möglich. Das kennen Sie so von ganz normalen HTML-Formularen. Die BreezingForms können allerdings deutlich mehr leisten. So kann man beispielsweise auch mehrseitige Formulare realisieren. Damit aber man zwischen den einzelnen Seiten navigieren kann, muss eine entsprechende Schaltfläche vorhanden sein.

In den BreezingForms können die Schaltflächen mit Funktionen belegt werden. Wechseln Sie dazu in der entsprechenden Button-Konfiguration in das Register Skripte.

Bilder

Auf dieser Seite stehen verschiedene Optionen zur Verfügung. Wählt man Kein, wird der Schaltfläche keine Funktion zugewiesen. Interessanter wird das Ganze dann aber schon, wenn man Bibliothek einstellt. Über das daraufhin eingeblendete Auswahlfeld werden von den BreezingForms verschiedene Skripte angeboten, die hier kurz vorgestellt werden sollen. An dieser Stelle gleich der Hinweis, dass sich sämtliche Skripte manuell anpassen bzw. konfigurieren lassen. Informationen dazu gibt es im weiteren Verlauf dieses Tutorials.
Zunächst die Navigationsskripte.

  • FF::ff_page1 - Seite 1 des Formulars
  • FF::ff_nextpage - nächste Seite
  • FF::ff_page2 - Seite 2 des Formulars
  • FF::ff_page3 - Seite 3 des Formulars
  • FF::ff_previouspage - vorherige Seite

Dann gibt es auch noch die folgende Bibliothek:

  • FF::ff_resetForm

Klickt ein Benutzer eine damit ausgestattete Schaltfläche an, werden sämtliche Formularinhalte gelöscht. Hilfreich ist diese Bibliothek somit also, wenn Sie einen Löschen-Button in Ihr Formular einfügen wollen.
Wenn Sie ein Hinweisfenster ausgeben wollen, wählen Sie die folgende Bibliothek:

  • FF::ff_showaction

Was in diesem Fenster tatsächlich angezeigt wird, kann man selbst definieren. Mehr dazu dann später.
Interessant sind auch die Skripte zum Validieren der Formulareingaben. Dank dieser Skripte kann man nämlich die Formulareingaben vor dem Abschicken überprüfen. Dabei wird zum Beispiel kontrolliert, ob alle Pflichtfelder ausgefüllt sind und ob im E-Mail-Feld tatsächlich eine (syntaktisch korrekte) E-Mail-Adresse eingetragen wurde. Insgesamt stehen die folgenden Varianten zur Verfügung:

  • FF::ff_validate_form
  • FF::ff_validate_nextpage
  • FF::ff_validate_page
  • FF::ff_validate_submit

Im Normalfall verwendet man sicherlich FF::ff_validate_submit. Dadurch werden die Formulareingaben kontrolliert. Stimmt alles, wird das Formular abgeschickt.

Die Skripte anpassen

Es ist ja bereits angeklungen, dass man die Skripte anpassen kann. Genau darum geht es jetzt. Warum diese Anpassungen wichtig sind, zeigt die folgende Abbildung:

Bilder

Hier wurde das Formular abgeschickt. Die Meldung besagt, dass alle Eingaben korrekt sind. Das ist so zwar in Ordnung, allerdings ist der Fensterinhalt auf Englisch. An dieser Stelle gilt es also nachzubessern. Das ist problemlos möglich, denn alle Skripte lassen sich konfigurieren.

Zentrale Anlaufstelle für das Anpassen der Skripte ist das Register Skripte verwalten.

Bilder

Der erste Aufruf des Registers wirkt ernüchternd, schließlich wird nur eine leere Seite angezeigt. Um das zu ändern und die tatsächlich verwendeten Skripte anzuzeigen, wählen Sie über das Paket-Feld den Wert FF aus.
 

Bilder

Daraufhin werden sämtliche vorhandenen Skripte aufgeführt. Sehr schön ist dabei, dass die Skripte übersichtlich in einer Tabelle angeordnet sind. Wichtig ist vor allem die Name-Spalte, in der die Skriptnamen aufgeführt sind. So wissen Sie, welches Skript angepasst werden muss. Um ein Skript zu konfigurieren, klicken Sie dessen Namen an.

Bilder

Aber Achtung: Um mögliche Probleme zu vermeiden, sollten Sie die Skripte vor einer möglichen Anpassung sichern. Auf diese Weise können Sie – wenn tatsächlich mal etwas schiefgeht – den Originalzustand wiederherstellen. Kopieren Sie sich den Inhalt des betreffenden Skripts also am besten in eine externe Datei.
Kleinere Anpassungen wie Übersetzungen u.ä. sind problemlos möglich. Will man aber die Funktionalität der Skripte verändern, dann sind mindestens Grundkenntnisse in JavaScript nötig. Bevor Sie eigene Funktionen definieren, sollten Sie aber überprüfen, ob nicht schon etwas Vergleichbares bei den BreezingForms mit an Bord ist.

Fazit
Sie haben es gesehen: Mit den BreezingForms lassen sich eben nicht nur einfache HTML-Formulare anlegen. Auch Formularvalidierungen und ausgefeilte Funktionen können integriert werden. Alle Möglichkeiten sind damit aber immer noch nicht ausgeschöpft. Die BreezingForms halten noch weitere interessante Features parat.

vBulletin 0.042 • ZF-App 0.492 • Total 0.534