jQuery – Mehr Dynamik für Ihre Webseite
Kommentare

jQuery UI
Anders als bei anderen JavaScript Frameworks (YUI, ExtJS etc.) sind grafische Komponenten nicht im Kern der Bibliothek vorhanden. Man muss also keinen unnötigen Traffic durch visuelle Komponenten

jQuery UI

Anders als bei anderen JavaScript Frameworks (YUI, ExtJS etc.) sind grafische Komponenten nicht im Kern der Bibliothek vorhanden. Man muss also keinen unnötigen Traffic durch visuelle Komponenten verschwenden, die vielleicht gar nicht benötigt werden. Aber auch jQuery UI ist modular aufgebaut. Unter [3] kann man sich die gewünschten visuellen Komponenten mithilfe des Download-Builder zusammenklicken und dann als Paket herunterladen. Zusätzlich sollte man dem ambitionierten Designer den Theme Roller [4] ans Herz legen. Mit seiner Hilfe lassen sich die Komponenten farblich individuell gestalten. Für den schnellen Start kann man eines der vielen vorgefertigten Designs wählen.

Nachfolgend werden die Komponenten Dialog, Autocomplete und Datepicker etwas ausführlicher erläutert. Sie werden merken, dass man mit wenig Quelltext sehr schnell zu Ergebnissen kommt. Für die Benutzung von jQuery UI müssen die Dateien im Head der HTML-Datei wie in Listing 6 referenziert werden. Sie sollten generell darauf achten, dass css-Dateien vor den js-Dateien referenziert werden.

Hello from jQuery UI

Listing 6 zeigt ein erstes kleines Beispiel anhand eines Dialogfensters. Als Parameter wird an dieser Stelle lediglich autoOpen : false gesetzt, damit das automatische Öffnen des Dialogs unterbunden wird. Dieses soll auf Knopfdruck geschehen. Dialoge eignen sich sehr gut, um dem Benutzer einer Webanwendung Statusmeldungen zu geben oder modale Abfragen zu stellen. Eine Übersicht über alle nutzbaren Ereignisse, Optionen und Methoden zum Dialog findet man unter [5].

Listing 6
>

    
    Listing 6    

Ein kleines Fenster, um dem User Statusinformationen zu liefern. X schließt das Fenster - Größe ändern erwünscht ;-).


Das erwartet Euch auf den folgenden Seiten:

  • Datum selektieren
  • Autocomplete
  • Plug-ins
  • Ausblick auf jQuery Mobile

log

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -