Jquery

Only available on StudyMode
  • Download(s) : 160
  • Published : January 1, 2013
Open Document
Text Preview
Up and Running with jQuery Mobile

Maximiliano Firtman

Beijing • Cambridge • Farnham • Köln • Sebastopol • Tokyo

Up and Running with jQuery Mobile
by Maximiliano Firtman
Copyright © 2010 O’Reilly Media. All rights reserved.

Revision History for the :
2011-04-20
Early release revision 1
2011-07-20
Early release revision 2
2011-12-09
Early release revision 3
See http://oreilly.com/catalog/errata.csp?isbn=9781449397654 for release details.

ISBN: 978-1-449-39765-4
1323299275

Table of Contents

Preface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ix 1. The Mobile Platform . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1 Why do we need jQuery Mobile?

Myths of the Mobile Web
Mobile webapps
So, again… why do we need jQuery Mobile?
What is jQuery Mobile
What is not
The framework
The mobile and tablet world
Device categories
Operating Systems and Browsers
jQuery Mobile compatibility
HTML5 and CSS3
Main Features
Use of non-intrusive semantic HTML5
Progressive enhancement
Accessibility support
Testing webapps
Emulators and Simulators
Remote Labs

1
1
3
3
4
4
5
6
6
10
11
14
15
15
16
17
18
19
22

2. Starting with the framework . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Preparing the document
Requirements
Hosting the files
Using a CDN
Main HTML5 template
Adobe Dreamweaver support
Previewing files

25
25
25
27
29
31
32

iii

Architecture
Roles
Theming
The page
Navigation
Back button
Internal page links
External page links
Absolute external links
Mobile Special Links
Transition between pages
Reverse transition
Dialogs
Closing or going back?
Opening pages from dialogs
Integrating with the Phone
Making a call
Video- and voIP-calls
Sending email
Sending an SMS
Other URI-schemes
Bringing all together

32
33
34
36
39
40
40
42
48
49
49
51
51
52
55
56
56
58
58
59
60
60

3. UI Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Toolbars
Positioning
True fixed toolbars
Adding content to the header
Adding content to the footer
Navigation Bars
Persisted Footer
Formatting content
Collapsible content
Accordion
Columns
Buttons
Inline buttons
Grouped buttons
Effects
Icons
Creating custom icons
Icon positioning
Icon-only buttons

iv | Table of Contents

63
64
65
66
69
70
73
74
75
78
79
81
82
82
84
84
85
87
88

Icon shadow

88

4. Lists . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 89 Full-page vs. inset lists
Visual Separators
Interactive Rows
Nested lists
Split button lists
Ordered interactive list
Using images
Row icons
Thumbnails
Aside content
Title and Description
Using count bubbles
Filtering data with Search
List views cheat sheet

92
94
96
99
102
105
105
105
105
106
108
109
110
111

5. Form Components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113 Form action
Forcing a non-AJAX form
Form elements
Labels
Field containers
Text fields
Auto-growing text area
New HTML5 attributes
Date fields
Slider
Flip toggle switch
Select menus
Grouping select menus
Non-native select menus
Radio buttons
Checkboxes
File Uploads

113
114
114
115
115
116
117
119
119
120
121
122
125
126
130
134
136

6. The framework & JavaScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Document events
Configuration
Global Configuration
Page configuration
Widgets configuration

137
139
140
144
146
Table of Contents | v

Utilities
Data-* utilities
Page utilities...
tracking img