webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

Kaptiel über YUI Library Einführung kostenlos lesen

und zwar aus dem Buch “Beginning JavaScript with Dom Scripting and Ajax, From Novice to Professional“.

Beginning JavaScript with Dom Scripting and Ajax, From Novice to ProfessionalDas Probekapitel (Kapitel 11) “Full Service: The Yahoo Developer Network and the Yahoo User Interface Library” kann direkt von dem Yahoo User Interface Blog als PDF heruntergeladen werden (ca 4,5 MB).

In dem Kapitel wird eine Einführung in die YUI Library anhand von zwei Beispielen geben. Das erste Beispiel beschreibt “Bouncy Headlines” bei dem Informationen unter einer Überschrift anegzeigt und versteckt werden. Natürlich mit schöner Animation durch die Animation Komponente.
Das zweite Beispiel “Replacing Pop-Up Windows Using the YUI Connection Manager and Container Components” beschreibt wie man Fenster innerhalb einer Seite mit Hilfe der YUI Connection Komponente und Container Control erstellen kann.
Der Source Code für diese beiden Beispiele kann auf der Webseite des Buches heruntergeladen werden. Hier ist die Übersichtsseite der Beispiele für Kapitel 11 oder hier der Direktlink zu dem Source Code Zipfile (54 Kb).

Zufälligerweise habe ich genau die beiden beschriebenen Beispiele (Daten anzeigen und verstecken mit Animation und eine Fenster innerhalb der Seite) schon auf dem webthreads WM Special implementiert. Dort erreicht man oben im Menü die Tabellen und Spiele, die in einem Fenster angezeigt werden und die Turnier sowie Teamnews werden mit Hilfe der Animation Komponente auf- und zugeklappt. Somit hat man direkt die Möglichkeit die Beispiele in live in Aktion zu sehen. Nur die erwähnte YUI Connection Manager Komponente wird nicht verwendetet, denn ich verwende DWR.Jedenfalls ist das Kapitel eine nette Einführung in die YUI Library mit zwei schönen Beispielen. Es lohnt sich da mal reinzuschauen.

b27

Ähnliche Artikel, die dich interessieren könnten:

    None Found

Hinterlasse ein Kommentar »»

Bad Behavior has blocked 2714 access attempts in the last 7 days.