Description
(Text)
Sie möchten Ihre Webseiten mit schicken Menüs, Animationen, Bildergalerien oder schlicht: mit allen Schikanen ausstatten? Dann sind Sie hier genau richtig! Lynn Beighley zeigt Ihnen Schritt für Schritt, wie Sie das beliebte JavaScript-Framework jQuery für Ihre Zwecke einsetzen. Durch die vielen anschaulichen Beispiele werden Sie sich schnell zurechtfinden, auch wenn Sie vorher noch nie programmiert haben. Grundlegende Kenntnisse in HTML und CSS sind von Vorteil.
(Table of content)
Über die Autorin 7
Einleitung 19
Über dieses Buch 19
Törichte Annahmen über den Leser 20
Wie dieses Buch aufgebaut ist 20
Teil I: jQuery - Grundlagen 20
Teil II: Elemente durch Effekte steuern 20
Teil III: Ihre Webseite anpassen 21
Teil IV: Plugins und Widgets verwenden 21
Teil V: Ajax-Anwendungen erstellen 21
Teil VI: jQuery in Content-Management-Systeme integrieren 21
Teil VII: Der Top-Ten-Teil 21
Symbole, die in diesem Buch verwendet werden 21
Wie es weitergeht 22
Teil I jQuery - Grundlagen 23
Kapitel 1 Der Start mit jQuery 25
Was jQuery für Sie tun kann 25
Eine Definition von jQuery 25
Effekte und Ereignisse in jQuery 26
Plugins verwenden 27
jQuery installieren 28
jQuery herunterladen 28
Einen Ordner für Übungszwecke einrichten 30
jQuery von einer Webseite aus aufrufen 31
Eine Webseite auf Ihrem Computer betrachten 33
Ein erster jQuery-Code 33
Kapitel 2 Zugriff auf HTML-Elemente 39
Elemente - Grundlegendes 39
Überblick über die Elemente 39
Häufig verwendete HTML-Elemente 40
Elementwerte auslesen und setzen 42
Elementattributwerte - Grundlegendes 42
Elementattributwerte auslesen 43
Elementinhalte auslesen 45
Elementattributwerte setzen 46
Elementattributwerte entfernen 49
HTML-Inhalte ändern 49
Textinhalte ändern 51
Kapitel 3 HTML-Elemente, Attribute und Positionen auswählen 53
jQuery-Selektoren verwenden 53
Bestimmte Elementtypen selektieren 53
Alle Elemente selektieren 57
Eine ID selektieren 57
Klassen selektieren 59
Nach der Reihenfolge selektieren 62
In Formularen selektieren 64
Über Attribute selektieren 65
Nach Sichtbarkeit selektieren 66
Eltern- und Kind-Elemente 67
Kapitel 4 Vom Umgang mit Ereignissen 69
jQuery beim Laden der Seite verwenden 69
Mit Ereignissen arbeiten 70
Klicken und Doppelklicken 71
Einem Element den Fokus zuweisen 76
Ein Tastatur-Ereignis erkennen 77
Ein Maus-Ereignis erkennen 79
Mit Interaction Helpern arbeiten 82
Hovering 83
Umschaltfunktionen 85
Teil II Elemente durch Effekte steuern 87
Kapitel 5 Verstecken spielen mit Webseitenelementen 89
Elemente mit jQuery verbergen 89
Ein Element anhand seines Typs über einen Button ausblenden 89
Ein Element mit einer ID verbergen, wenn es angeklickt wird 92
Ein Element über das Schlüsselwort this verbergen 94
Ein Element mit einer Animation verbergen 95
Elemente mit jQuery anzeigen 97
Ein Element aufgrund seiner ID anzeigen 98
Ein Element mit einer Animation anzeigen 99
Die Sichtbarkeit mit jQuery umschalten 103
Einen Umschalter verwenden 103
Mit Animation umschalten 105
Eine Callback-Funktion verwenden 106
Kapitel 6 Webseitenelemente gleiten lassen und dimmen 109
Elemente mit jQuery gleiten lassen 109
Heruntergleiten 109
Heraufgleiten 112
Die Gleitgeschwindigkeit ändern 115
Abwechselndes Hinab- und Hinaufgleiten 115
Mit einer Callback-Funktion gleiten 117
Elemente mit jQuery dimmen 119
Aufdimmen 119
Abdimmen 121
Teilweises Abdimmen 124
Kapitel 7 Webseitenelemente animieren 127
Wie Animationen in jQuery funktionieren 127
Elemente mit jQuery animieren 131
Höhe und Breite animieren 131
Die Breite des Innen- und Außenabstands animieren 134
Die Transparenz animieren 137
Schriftgröße und Wortabstand animieren 138
Animationsdauer anpassen 141
Mit show, hide und toggle animieren 141
jQuery-Animationen stoppen 142
Teil III Ihre Webseite anpassen 145
Kapitel 8 Den Inhalt von Webseiten dynamisch gestalten 147
Textinhalte auslesen und setzen 147
HTML-Inhalte auslesen und setzen 150
Formularwerte auslesen und setzen 154
Inhalte in Elemente einfügen 158
Inhalte am Ende anfügen 158
Inhalte am Anfang einfügen 160
Inhalte außerhalb eines Elements einfügen 160
Elemente verschieben 162
Ein Element mit Inhalt umhüllen 164
Kapitel 9 Element
Contents
Uber die Autorin 7 Einleitung 19 Uber dieses Buch 19 Torichte Annahmen uber den Leser 20 Wie dieses Buch aufgebaut ist 20 Teil I: jQuery -- Grundlagen 20 Teil II: Elemente durch Effekte steuern 20 Teil III: Ihre Webseite anpassen 21 Teil IV: Plugins und Widgets verwenden 21 Teil V: Ajax-Anwendungen erstellen 21 Teil VI: jQuery in Content-Management-Systeme integrieren 21 Teil VII: Der Top-Ten-Teil 21 Symbole, die in diesem Buch verwendet werden 21 Wie es weitergeht 22 Teil I jQuery -- Grundlagen 23 Kapitel 1 Der Start mit jQuery 25 Was jQuery fur Sie tun kann 25 Eine Definition von jQuery 25 Effekte und Ereignisse in jQuery 26 Plugins verwenden 27 jQuery installieren 28 jQuery herunterladen 28 Einen Ordner fur Ubungszwecke einrichten 30 jQuery von einer Webseite aus aufrufen 31 Eine Webseite auf Ihrem Computer betrachten 33 Ein erster jQuery-Code 33 Kapitel 2 Zugriff auf HTML-Elemente 39 Elemente -- Grundlegendes 39 Uberblick uber die Elemente 39 Haufig verwendete HTML-Elemente 40 Elementwerte auslesen und setzen 42 Elementattributwerte -- Grundlegendes 42 Elementattributwerte auslesen 43 Elementinhalte auslesen 45 Elementattributwerte setzen 46 Elementattributwerte entfernen 49 HTML-Inhalte andern 49 Textinhalte andern 51 Kapitel 3 HTML-Elemente, Attribute und Positionen auswahlen 53 jQuery-Selektoren verwenden 53 Bestimmte Elementtypen selektieren 53 Alle Elemente selektieren 57 Eine ID selektieren 57 Klassen selektieren 59 Nach der Reihenfolge selektieren 62 In Formularen selektieren 64 Uber Attribute selektieren 65 Nach Sichtbarkeit selektieren 66 Eltern- und Kind-Elemente 67 Kapitel 4 Vom Umgang mit Ereignissen 69 jQuery beim Laden der Seite verwenden 69 Mit Ereignissen arbeiten 70 Klicken und Doppelklicken 71 Einem Element den Fokus zuweisen 76 Ein Tastatur-Ereignis erkennen 77 Ein Maus-Ereignis erkennen 79 Mit Interaction Helpern arbeiten 82 Hovering 83 Umschaltfunktionen 85 Teil II Elemente durch Effekte steuern 87 Kapitel 5 Verstecken spielen mit Webseitenelementen 89 Elemente mit jQuery verbergen 89 Ein Element anhand seines Typs uber einen Button ausblenden 89 Ein Element mit einer ID verbergen, wenn es angeklickt wird 92 Ein Element uber das Schlusselwort this verbergen 94 Ein Element mit einer Animation verbergen 95 Elemente mit jQuery anzeigen 97 Ein Element aufgrund seiner ID anzeigen 98 Ein Element mit einer Animation anzeigen 99 Die Sichtbarkeit mit jQuery umschalten 103 Einen Umschalter verwenden 103 Mit Animation umschalten 105 Eine Callback-Funktion verwenden 106 Kapitel 6 Webseitenelemente gleiten lassen und dimmen 109 Elemente mit jQuery gleiten lassen 109 Heruntergleiten 109 Heraufgleiten 112 Die Gleitgeschwindigkeit andern 115 Abwechselndes Hinab- und Hinaufgleiten 115 Mit einer Callback-Funktion gleiten 117 Elemente mit jQuery dimmen 119 Aufdimmen 119 Abdimmen 121 Teilweises Abdimmen 124 Kapitel 7 Webseitenelemente animieren 127 Wie Animationen in jQuery funktionieren 127 Elemente mit jQuery animieren 131 Hohe und Breite animieren 131 Die Breite des Innen- und Aussenabstands animieren 134 Die Transparenz animieren 137 Schriftgrosse und Wortabstand animieren 138 Animationsdauer anpassen 141 Mit show, hide und toggle animieren 141 jQuery-Animationen stoppen 142 Teil III Ihre Webseite anpassen 145 Kapitel 8 Den Inhalt von Webseiten dynamisch gestalten 147 Textinhalte auslesen und setzen 147 HTML-Inhalte auslesen und setzen 150 Formularwerte auslesen und setzen 154 Inhalte in Elemente einfugen 158 Inhalte am Ende anfugen 158 Inhalte am Anfang einfugen 160 Inhalte ausserhalb eines Elements einfugen 160 Elemente verschieben 162 Ein Element mit Inhalt umhullen 164 Kapitel 9 Elemente auf Webseiten ersetzen, entfernen und kopieren 167 Elemente ersetzen 167 Ein Element mit replaceWith() ersetzen 167 Ein Eltern-Element ersetzen, die Kind-Elemente aber beibehalten 168 Ein Element mit replaceAll() ersetzen 170 Elemente ersatzlos streichen 172 Elemente entfernen 172 Inhalte entfernen 174 Elemente klonen 175 Elemente ohne Ereignisse klonen 175 Elemente zusammen mit ihren Ereignissen und Daten kopieren 176 Teil IV Plugins und Widgets verwenden 179 Kapitel 10 Plugins -- Grundlegendes 181 Wie jQuery-Plugins funktionieren 181 jQuery-Plugins erhalten 182 Ihre ersten jQuery-Plugins testen 184 Lassen Sie es schneien 184 Tabellenzeilen und -spalten hervorheben 187 Einen Tooltip hinzufugen 189 Kapitel 11 Mit Bildeffekten spielen 195 Eine Lightbox mit Colorbox erstellen 195 Colorbox installieren 195 Eine einfache Colorbox mit Bildern erstellen 198 Eine Lightbox mit einem Titel versehen 200 Eine Reihe von Bildern in einer Lightbox anzeigen 201 Eine Diashow anzeigen 203 Eine Bildergalerie erstellen 204 Galleria installieren 205 Eine einfache Bildergalerie erstellen 206 Kapitel 12 Formulare aufpeppen 209 Standardwerte anzeigen 209 Formularfelder uberprufen 212 Einen Date Picker erstellen 215 Kapitel 13 Das Seitenlayout steuern 219 Ein Akkordeon-Menu erstellen 219 Inhalte aufteilen 224 Ein gleitendes -Element erstellen 227 Kapitel 14 Eine Benutzeroberflache gestalten 231 Das jQuery User Interface verwenden 231 Einen eigenen Download zusammenstellen 233 Ein Theme auswahlen 233 Ein Theme anpassen 235 Ein Theme herunterladen 237 Ihre Downloaddatei erstellen 238 jQuery-UI-Widgets verwenden 240 Ein Akkordeon hinzufugen 241 Einen Date Picker erstellen 242 Tabs anzeigen 242 Teil V Ajax-Anwendungen erstellen 245 Kapitel 15 Ajax und jQuery in Zusammenarbeit 247 Ajax -- Grundlegendes 247 Daten mit Ajax laden 248 Den Inhalt einer Textdatei laden 248 Den Inhalt einer Webseite laden 249 Einen Teil einer Webseite laden 252 Daten mit Ajax verschicken 253 Kapitel 16 Ajax-Plugins verwenden 259 Wie Ajax-Plugins in jQuery funktionieren 259 Einen Ajax File Uploader verwenden 260 Inhalte dynamisch wechseln 263 Ajax-Popup-Fenster erstellen 268 Teil VI jQuery in Content-Management-Systeme integrieren 271 Kapitel 17 Coole Bildeffekte mit jQuery und Drupal 273 Auf der Suche nach Drupal-Modulen 273 Drupal-Module finden 273 Drupal-Module herunterladen 275 Die Module Image und Image Gallery aktivieren 277 Bilder in Ihre Galerie einfugen 279 Bildeffekte in Drupal erstellen 280 Das Thickbox-jQuery-Modul fur Drupal herunterladen 280 Thickbox aktivieren 281 Thickbox mit Ihrer Bildgalerie verwenden 281 jQuery in Drupal integrieren 282 Drupal fur die Zusammenarbeit mit jQuery konfigurieren 283 Die jQuery-Bibliothek in die Drupal-Inhalte einbinden 283 Kapitel 18 jQuery und Joomla! zusammen verwenden 287 Wie arbeiten jQuery und Joomla! zusammen? 287 Joomla! so konfigurieren, dass es jQuery erkennt 287 Von Joomla! aus auf jQuery zugreifen 289 jQuery-Erweiterungen fur Joomla! finden 293 jQuery-Erweiterungen mit Joomla! verwenden 294 Eine Bildgalerie erstellen 294 Tweets von Twitter auf Ihrer Joomla!-Seite anzeigen 298 Kapitel 19 Bessere Blogs mit jQuery und WordPress 303 jQuery mit WordPress zusammenarbeiten lassen 303 jQuery-basierte WordPress-Plugins finden 307 Das jQuery-Colorbox-Plugin in WordPress verwenden 311 Teil VII Der Top-Ten-Teil 313 Kapitel 20 Zehn Plugins, die Sie nicht verpassen sollten 315 uploadify 315 jCarousel 318 qTip 319 jQuery pager 320 jQuery Flash 321 toggleElements 323 Coda-Slider 2.0 324 pagination 325 Humanized Messages for jQuery 326 Single Drop Down Menu 327 Kapitel 21 Zehn Design- und Coding-Tricks 329 Browsertypen erkennen 329 Ein Hintergrundbild animieren 331 Die Schriftgrosse anpassen 331 Das Kontextmenu deaktivieren 332 jQuery von Google laden 334 Ein einfaches Slide Panel erstellen 334 Einen Verschwindeeffekt erzeugen 336 Einen Spickzettel fur jQuery benutzen 337 Elemente anklickbar machen 338 document.ready-Code vereinfachen 339 Kapitel 22 Zehn jQuery-Informationsquellen 341 jQuery-Website 341 jQuery in Wikipedia 341 jQuery for Absolute Beginners Video Series 343 Visual jQuery 344 Use jQuery 345 jQuery-Plugins 345 Smashing Magazine 346 Speckyboy Design Magazine 347 Nettuts+ 347 Woorkup 348 Stichwortverzeichnis 349
