PacktLib: jQuery Mobile Cookbook

jQuery Mobile Cookbook

Credits

About the Author

Acknowledgement

About the Reviewers

www.PacktPub.com

Preface

Get Rolling

Introduction

Writing your first jQuery Mobile application

Using JS Bin to create a simple application

Pages and Dialogs

Introduction

Writing a single-page template application

Writing a multi-page template application

Prefetching pages for faster navigation

Using the DOM cache to improve performance

Custom styling a dialog

Using CSS to create a bouncing page transition

Using JS to create a slide and fade page transition

Using data-url to handle the login page navigation

Using History API to create a custom error pop up

Toolbars

Introduction

Using fullscreen fixed toolbars

Using persistent navbars in toolbars

Customizing the header with multiple buttons

Adding a customized round button to the header

Adding an image to the header

Adding a customized back button

Adding a layout grid to the footer

Buttons and Content Formatting

Introduction

Scripting a dynamically added button

Using a custom icon in a button

Adding a custom icon sprite

Replacing the default icon sprite

Using alternate icons in a collapsible

Creating a nested accordion

Creating a custom layout grid

Using XML content

Using JSON content

Forms

Introduction

Native styling of form controls

Disabling text controls

Grouping radio buttons in a grid

Customizing a checkbox group

Creating dynamic flip switch and slider controls

Using options to auto-initialize a select menu

Validating forms

Submitting a form using POST

Fetching data using GET

Creating an accessible form

List Views

Introduction

Using inset and non-inset lists

Creating a custom numbered list

Using a nested list

Using a read-only nested list

Formatting content in a list

Using a split button list

Using image icons

Creating a custom search filter

Modifying a list with JavaScript

Configurations

Introduction

Configuring the active classes

Configuring ajaxEnabled

Configuring autoInitializePage

Configuring the default transitions

Configuring ignoreContentEnabled

Configuring the page loading and error messages

Configuring the default namespace

Configuring hashListeningEnabled and subPageUrlKey

Configuring pushStateEnabled and linkBindingEnabled

Events

Introduction

Using orientation events

Using scroll events

Using touch events

Virtual mouse events

Page initialization events

Page load and remove events

Page change events

Page transition and animation events

Using layout events

Methods and Utilities

Introduction

Using loadPage() to load a page

Using changePage() to change a page

Using jqmData() and jqmRemoveData()

Using jqmEnhanceable()

Using jqmHijackable

Using $.mobile.base

Parsing an URL

Using $.mobile.path utility methods

Using silent scrolling

The Theme Framework

Introduction

Theming a nested list

Using a custom background

Using custom fonts

Styling corners

Overriding the global Active State theme

Overriding an existing swatch

Using the ThemeRoller tool to create a swatch

HTML5 and jQuery Mobile

Introduction

Using the new HTML5 semantics

Improving speed and taking your application offline

Using Web Workers for intensive tasks

Using local and session storage

2D drawing with Canvas

Applying Gaussian blur on a SVG image

Tracking your location with the Geolocation API

Playing music with the

Viewing videos with the

Index