jQuery Mobile: Up and Running

jQuery Mobile: Up and Running

Maximiliano Firtman

Language: English

Pages: 272

ISBN: 1449397654

Format: PDF / Kindle (mobi) / ePub

Would you like to build one mobile web application that works on iPad and Kindle Fire as well as iPhone and Android smartphones? This introductory guide to jQuery Mobile shows you how. Through a series of hands-on exercises, you’ll learn the best ways to use this framework’s many interface components to build customizable, multiplatform apps. You don’t need any programming skills or previous experience with jQuery to get started.

By the time you finish this book, you’ll know how to create responsive, Ajax-based interfaces that work on a variety of smartphones and tablets, using jQuery Mobile and semantic Html5 code.

  • Understand how jQuery Mobile works with Html5, Css3, and JavaScript
  • Work with Ui components to format content and create forms, lists, navbars, and buttons
  • Create dynamic content with JavaScript, Ajax, and the jQuery core framework
  • Customize your entire user interface with themes and Css3
  • Enable users to install your app from the browser and work with it offline
  • Distribute through app stores by packaging your creation as a native app

Async JavaScript

Learning Cocoa with Objective-C: Developing for the Mac and iOS App Stores (3rd Edition)

Buy Now, Ron Lynch

The Bottom Billion: Why the Poorest Countries are Failing and What Can Be Done About It

















Dreamweaver using the Live View Adobe Dreamweaver Support | 33 Architecture jQuery Mobile uses a very simple and powerful approach to define the content of the webapp. Remember that we’ve already discussed that the framework uses an unobtrusive approach, meaning that our HTML documents will work even without jQuery Mobile loading properly. The main unit of the framework is the page. Just like normal HTML files then? No. Let me explain. A page is just a div element with a specific role. One

footer. The only mandatory section is the content. Every part is declared using div tags with the corresponding role:

36 | Chapter 2: Starting with the Framework

Every part, including the page, the header, the footer, and the content can have its own swatch color from the current theme. The page-role element is not mandatory on a single page document and if we don’t

have the data-overlay-theme to define the color swatch for this overlay. If we have an option element with an explicit empty value, value="", or with the data130 | Chapter 5: Form Components Figure 5-12. When using a non-native select menu, the original menu is replaced by an interactive list view on a dialog-like mode placeholder="true" attribute, it will be used as the overlay’s title and not a selectable option, as in the following sample (Figure 5-14):

loaded, and some other widget-based messages. The following is the list of messages with the default value: // Global strings $.mobile.loadingMessage = "loading"; $.mobile.pageLoadErrorMessage = "Error Loading Page"; // Widget strings $.mobile.page.prototype.options.backBtnText = "Back"; $.mobile.dialog.prototype.options.closeBtnText = "Close" $.mobile.collapsible.prototype.options.expandCueText = " click to expand contents"; $.mobile.collapsible.prototype.options. collapseCueText = " click to

change some appearance or behavior when the orientation is changed, so jQuery Mobile provides us a orientationchange event that can be attached to the document. Event Handling | 165 This event is currently linked to resize on some platforms where native orientation change is not supported. On some platforms, when the orientationchange event is fired, the window frame is still old, so you will not get the right width/height values. If you want to force this event to refresh when the values are

Download sample