O'Reilly logo

jQuery Mobile Web Development Essentials Second Edition by Andy Matthews, Raymond Camden

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

Finding the hotel

The next page of our mobile website is focused on helping the user find the hotel. This will include the address, as well as a map. code 5-2 shows how this is done (as a reminder, we are saving space and trimming the code samples a bit!):

code 5-2: find.html <div data-role="page"> <div data-role="header"> <h1>Find Us</h1> </div> <div data-role="content"> <p> The Camden Hotel is located in beautiful downtown Lafayette, LA. Home of the Ragin Cajuns, good food, good music, and all around good times, the Camden Hotel is smack dab in the middle of one of the most interesting cities in America! </p> <p> 400 Kaliste Saloom<br/> Lafayette, LA<br/> 70508 </p> <p> <img src="http://maps.googleapis.com/maps/api/staticmap?center=400+Kaliste+Saloom,+Lafayette,LA&zoom=12&size=150x150&scale=2&maptype=roadmap&markers=label:H%7C400+Kaliste+Saloom,+Lafayette,LA&sensor=false"> ...

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

Start Free Trial

No credit card required