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 Mobile

Book Description

jQuery Mobile ist ein touch-optimiertes Web-Framework für Smartphones und Handhelds, das auf dem JavaScript-Framework jQuery basiert.

Dieses top-aktuelle Buch bietet professionelle HTML5-, CSS3- und JavaScript-Code-Beispiele. Es ist eine Schritt-für-Schritt-Anleitung, um eine komplette, plattformunabhängige mobile Applikation mit jQuery Mobile zu erstellen.

Table of Contents

  1. Vorwort
    1. Einführung
      1. Was Sie in diesem Buch finden
      2. Was Sie vorher wissen sollten
    2. In diesem Buch verwendete typografische Konventionen
    3. Die Verwendung der Codebeispiele
    4. Danksagungen
  2. 1. Willkommen bei jQuery Mobile
    1. Überblick über die jQuery Mobile-Bibliothek
    2. Wie jQuery Mobile funktioniert
    3. Erstellen Sie Ihre erste jQuery Mobile-Applikation
      1. Hinter den Kulissen: der spezielle Selektor jqmData()
  3. 2. Applikationsstruktur und Navigation
    1. Seiten
      1. Interne Seiten
      2. Externe Seiten
        1. Das asynchrone Laden der Seiten überschreiben
      3. Hinter den Kulissen: Seiteninitialisierung in jQuery Mobile
      4. Events zum Zeigen und Verbergen einer Seite
        1. Hinter den Kulissen: Ein Initialisierungsmuster für das Laden von Seiten in jQuery Mobile
    2. Dialoge
    3. Navigation und Browserverlauf
    4. Übergänge
      1. Hinter den Kulissen: Animationen in einer jQuery Mobile-Applikation
  4. 3. Seitenelemente
    1. Hinter den Kulissen: jQuery-Mobile-Plugins und Widgets
    2. Listenansichten
      1. Einfache Listenansicht
        1. Listeneinträge als Buttons
        2. Listenansicht mit Abschnittsüberschriften
      2. Fortgeschrittene Listenansichten
        1. Verschachtelte Listen
        2. Listenansicht mit zweigeteilten Buttons
        3. Thumbnails und Icons
        4. Zähler (Count Bubbles)
      3. Hinter den Kulissen: Die Darstellung einer Liste aktualisieren
    3. Toolbars
      1. Navigationselemente
      2. Kopfteil und Fußzeile positionieren
    4. Buttons
      1. Gruppierte Buttons
      2. Buttons mit Symbolen
        1. Eigene Symbole
    5. Formularelemente
      1. Auf Formularelemente mit JavaScript zugreifen
      2. Ankreuzfelder und Radio-Buttons
        1. Methoden
      3. Schalter (Flip Toggles)
        1. Methoden
      4. Eingabefelder und Textbereiche (textarea)
        1. Methoden
      5. Suchfelder
        1. Methoden
      6. Auswahlmenüs
        1. Auswahlmenüs mit eigenen Stilen
          1. Inaktive Elemente
          2. Mehrfachauswahl
          3. Auswahlmöglichkeiten gruppieren
          4. Trennzeilen
        2. Methoden
      7. Schieberegler
        1. Methoden
    6. Layout-Raster
  5. 4. Themes für jQuery Mobile
    1. Themes und Swatches (Farbschemata)
      1. Hinter den Kulissen: Swatches anpassen
      2. Themes für Elemente in der Listenansicht
  6. 5. Die jQuery Mobile-API
    1. jQuery Mobile-Methoden
      1. changePage
      2. pageLoading
      3. silentScroll
      4. addResolutionBreakpoints
    2. Events
      1. Events für die Verwendung der Gestensteuerung
        1. Hinter den Kulissen: Die Verwendung von Wisch-Events zur Steuerung von Seitenübergängen
      2. Initialisierungs-Events
      3. Events zum Zeigen und Verbergen von Seiten
      4. Scroll-Events
      5. Events beim Ändern der Ausrichtung
    3. API für bedarfsgerechtes (responsive) Layout
      1. CSS-Selektoren
        1. Klassen für verschiedenen Bildschirmgrößen
          1. Eigene Breakpoints für Bildschirmgrößen verwenden
        2. Events beim Ändern der Ausrichtung
        3. Medienabfragen (Media Queries)
    4. jQuery Mobile konfigurieren
      1. Verfügbare Optionen
      2. Optionen per mobileinit ändern
      3. Hinter den Kulissen: Namensräume für data-Attribute
  7. 6. jQuery Mobile in Aktion
    1. Seiten der Applikation
    2. Die Applikation initialisieren
      1. Die Methode initMainPage
        1. Hinter den Kulissen: Datenaustausch zwischen verschiedenen jQuery Mobile-Seiten
        2. Auf die Twitter-API zugreifen
          1. JSON oder XML?
          2. Die Daten anfordern
      2. Die Methode initSettings
      3. Die Methode initDetailPage
      4. Fehlerdialog
    3. jqmTweet: Erster Versuch
    4. Verbesserungen der Schnittstelle
      1. Anpassungen am CSS-Code
      2. Anpassungen an der Interaktion
    5. Allgemeine Vorgehensweise
  8. Index
  9. Kolophon
  10. Copyright