O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

jQuery für Dummies

Book Description

Interaktive und animierte Webseiten mit jQuery entwickeln: Lynn Beighley erklärt Ihnen einfach und an vielen Beispielen wie es geht. Mit diesem Buch kommen auch Programmieranfänger schnell und sicher ans Ziel!

Table of Contents

  1. Coverpage
  2. jQuery für Dummies – Schummelseite
  3. Titlepage
  4. Copyright
  5. Über die Autorin
  6. Frontmatter
  7. Inhaltsverzeichnis
  8. Einleitung
    1. Über dieses Buch
    2. Törichte Annahmen über den Leser
    3. Wie dieses Buch aufgebaut ist
      1. Teil I: jQuery – Grundlagen
      2. Teil II: Elemente durch Effekte steuern
      3. Teil III: Ihre Webseite anpassen
      4. Teil IV: Plugins und Widgets verwenden
      5. Teil V: Ajax-Anwendungen erstellen
      6. Teil VI: jQuery in Content-Management-Systeme integrieren
      7. Teil VII: Der Top-Ten-Teil
    4. Symbole, die in diesem Buch verwendet werden
    5. Wie es weitergeht
  9. Teil I jQuery – Grundlagen
    1. Kapitel 1 Der Start mit jQuery
      1. Was jQuery für Sie tun kann
        1. Eine Definition von jQuery
        2. Effekte und Ereignisse in jQuery
        3. Plugins verwenden
      2. jQuery installieren
        1. jQuery herunterladen
        2. Einen Ordner für Übungszwecke einrichten
        3. jQuery von einer Webseite aus aufrufen
        4. Eine Webseite auf Ihrem Computer betrachten
      3. Ein erster jQuery-Code
    2. Kapitel 2 Zugriff auf HTML-Elemente
      1. Elemente – Grundlegendes
        1. Überblick über die Elemente
        2. Häufig verwendete HTML-Elemente
      2. Elementwerte auslesen und setzen
        1. Elementattributwerte – Grundlegendes
        2. Elementattributwerte auslesen
        3. Elementinhalte auslesen
        4. Elementattributwerte setzen
        5. Elementattributwerte entfernen
      3. HTML-Inhalte ändern
      4. Textinhalte ändern
    3. Kapitel 3 HTML-Elemente, Attribute und Positionen auswählen
      1. jQuery-Selektoren verwenden
        1. Bestimmte Elementtypen selektieren
        2. Alle Elemente selektieren
        3. Eine ID selektieren
        4. Klassen selektieren
        5. Nach der Reihenfolge selektieren
      2. In Formularen selektieren
      3. Über Attribute selektieren
      4. Nach Sichtbarkeit selektieren
      5. Eltern- und Kind-Elemente
    4. Kapitel 4 Vom Umgang mit Ereignissen 69
      1. jQuery beim Laden der Seite verwenden
      2. Mit Ereignissen arbeiten
        1. Klicken und Doppelklicken
        2. Einem Element den Fokus zuweisen
        3. Ein Tastatur-Ereignis erkennen
        4. Ein Maus-Ereignis erkennen
      3. Mit Interaction Helpern arbeiten
        1. Hovering
        2. Umschaltfunktionen
  10. Teil II Elemente durch Effekte steuern
    1. Kapitel 5 Verstecken spielen mit Webseitenelementen
      1. Elemente mit jQuery verbergen
        1. Ein Element anhand seines Typs über einen Button ausblenden
        2. Ein Element mit einer ID verbergen, wenn es angeklickt wird
        3. Ein Element über das Schlüsselwort this verbergen
        4. Ein Element mit einer Animation verbergen
      2. Elemente mit jQuery anzeigen
        1. Ein Element aufgrund seiner ID anzeigen
        2. Ein Element mit einer Animation anzeigen
      3. Die Sichtbarkeit mit jQuery umschalten
        1. Einen Umschalter verwenden
        2. Mit Animation umschalten
        3. Eine Callback-Funktion verwenden
    2. Kapitel 6 Webseitenelemente gleiten lassen und dimmen
      1. Elemente mit jQuery gleiten lassen
        1. Heruntergleiten
        2. Heraufgleiten
        3. Die Gleitgeschwindigkeit ändern
        4. Abwechselndes Hinab- und Hinaufgleiten
        5. Mit einer Callback-Funktion gleiten
      2. Elemente mit jQuery dimmen
        1. Aufdimmen
        2. Abdimmen
        3. Teilweises Abdimmen
    3. Kapitel 7 Webseitenelemente animieren
      1. Wie Animationen in jQuery funktionieren
      2. Elemente mit jQuery animieren
        1. Höhe und Breite animieren
        2. Die Breite des Innen- und Außenabstands animieren
        3. Die Transparenz animieren
        4. Schriftgröße und Wortabstand animieren
      3. Animationsdauer anpassen
      4. Mit show, hide und toggle animieren
      5. jQuery-Animationen stoppen
  11. Teil III Ihre Webseite anpassen
    1. Kapitel 8 Den Inhalt von Webseiten dynamisch gestalten
      1. Textinhalte auslesen und setzen
      2. HTML-Inhalte auslesen und setzen
      3. Formularwerte auslesen und setzen
      4. Inhalte in Elemente einfügen
        1. Inhalte am Ende anfügen
        2. Inhalte am Anfang einfügen
      5. Inhalte außerhalb eines Elements einfügen
      6. Elemente verschieben
      7. Ein Element mit Inhalt umhüllen
    2. Kapitel 9 Elemente auf Webseiten ersetzen, entfernen und kopieren
      1. Elemente ersetzen
        1. Ein Element mit replaceWith() ersetzen
        2. Ein Eltern-Element ersetzen, die Kind-Elemente aber beibehalten
        3. Ein Element mit replaceAll() ersetzen
      2. Elemente ersatzlos streichen
        1. Elemente entfernen
        2. Inhalte entfernen
      3. Elemente klonen
        1. Elemente ohne Ereignisse klonen
        2. Elemente zusammen mit ihren Ereignissen und Daten kopieren
  12. Teil IV Plugins und Widgets verwenden
    1. Kapitel 10 Plugins – Grundlegendes
      1. Wie jQuery-Plugins funktionieren
      2. jQuery-Plugins erhalten
      3. Ihre ersten jQuery-Plugins testen
        1. Lassen Sie es schneien
        2. Tabellenzeilen und -spalten hervorheben
        3. Einen Tooltip hinzufügen
    2. Kapitel 11 Mit Bildeffekten spielen
      1. Eine Lightbox mit Colorbox erstellen
        1. Colorbox installieren
        2. Eine einfache Colorbox mit Bildern erstellen
        3. Eine Lightbox mit einem Titel versehen
        4. Eine Reihe von Bildern in einer Lightbox anzeigen
        5. Eine Diashow anzeigen
      2. Eine Bildergalerie erstellen
        1. Galleria installieren
        2. Eine einfache Bildergalerie erstellen
    3. Kapitel 12 Formulare aufpeppen
      1. Standardwerte anzeigen
      2. Formularfelder überprüfen
      3. Einen Date Picker erstellen
    4. Kapitel 13 Das Seitenlayout steuern
      1. Ein Akkordeon-Menü erstellen
      2. Inhalte aufteilen
      3. Ein gleitendes <div>-Element erstellen
    5. Kapitel 14 Eine Benutzeroberfläche gestalten
      1. Das jQuery User Interface verwenden
      2. Einen eigenen Download zusammenstellen
        1. Ein Theme auswählen
        2. Ein Theme anpassen
        3. Ein Theme herunterladen
        4. Ihre Downloaddatei erstellen
      3. jQuery-UI-Widgets verwenden
        1. Ein Akkordeon hinzufügen
        2. Einen Date Picker erstellen
        3. Tabs anzeigen
  13. Teil V Ajax-Anwendungen erstellen
    1. Kapitel 15 Ajax und jQuery in Zusammenarbeit
      1. Ajax – Grundlegendes
      2. Daten mit Ajax laden
        1. Den Inhalt einer Textdatei laden
        2. Den Inhalt einer Webseite laden
        3. Einen Teil einer Webseite laden
      3. Daten mit Ajax verschicken
    2. Kapitel 16 Ajax-Plugins verwenden
      1. Wie Ajax-Plugins in jQuery funktionieren
      2. Einen Ajax File Uploader verwenden
      3. Inhalte dynamisch wechseln
      4. Ajax-Popup-Fenster erstellen
  14. Teil VI jQuery in Content-Management-Systeme integrieren
    1. Kapitel 17 Coole Bildeffekte mit jQuery und Drupal
      1. Auf der Suche nach Drupal-Modulen
        1. Drupal-Module finden
        2. Drupal-Module herunterladen
        3. Die Module Image und Image Gallery aktivieren
        4. Bilder in Ihre Galerie einfügen
      2. Bildeffekte in Drupal erstellen
        1. Das Thickbox-jQuery-Modul für Drupal herunterladen
        2. Thickbox aktivieren
        3. Thickbox mit Ihrer Bildgalerie verwenden
      3. jQuery in Drupal integrieren
        1. Drupal für die Zusammenarbeit mit jQuery konfigurieren
        2. Die jQuery-Bibliothek in die Drupal-Inhalte einbinden
    2. Kapitel 18 jQuery und Joomla! zusammen verwenden
      1. Wie arbeiten jQuery und Joomla! zusammen?
        1. Joomla! so konfigurieren, dass es jQuery erkennt
        2. Von Joomla! aus auf jQuery zugreifen
      2. jQuery-Erweiterungen für Joomla! finden
      3. jQuery-Erweiterungen mit Joomla! verwenden
        1. Eine Bildgalerie erstellen
        2. Tweets von Twitter auf Ihrer Joomla!-Seite anzeigen
    3. Kapitel 19 Bessere Blogs mit jQuery und WordPress
      1. jQuery mit WordPress zusammenarbeiten lassen
      2. jQuery-basierte WordPress-Plugins finden
      3. Das jQuery-Colorbox-Plugin in WordPress verwenden
  15. Teil VII Der Top-Ten-Teil
    1. Kapitel 20 Zehn Plugins, die Sie nicht verpassen sollten
      1. uploadify
      2. jCarousel
      3. qTip
      4. jQuery pager
      5. jQuery Flash
      6. toggleElements
      7. Coda-Slider 2.0
      8. pagination
      9. Humanized Messages for jQuery
      10. Single Drop Down Menu
    2. Kapitel 21 Zehn Design- und Coding-Tricks
      1. Browsertypen erkennen
      2. Ein Hintergrundbild animieren
      3. Die Schriftgröße anpassen
      4. Das Kontextmenü deaktivieren
      5. jQuery von Google laden
      6. Ein einfaches Slide Panel erstellen
      7. Einen Verschwindeeffekt erzeugen
      8. Einen Spickzettel für jQuery benutzen
      9. Elemente anklickbar machen
      10. document.ready-Code vereinfachen
    3. Kapitel 22 Zehn jQuery-Informationsquellen
      1. jQuery-Website
      2. jQuery in Wikipedia
      3. jQuery for Absolute Beginners Video Series
      4. Visual jQuery
      5. Use jQuery
      6. jQuery-Plugins
      7. Smashing Magazine
      8. Speckyboy Design Magazine
      9. Nettuts+
      10. Woorkup
  16. Stichwortverzeichnis