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

Listing the hotel rooms

Now let's look at rooms.html. This is where we will list out the room types available at the hotel:

code 5-3: rooms.html
<div data-role="page">
  <div data-role="header">
    <h1>Our Rooms</h1>
  </div>
  <div data-role="content">
    <p>
      Select a room below to see a picture.
    </p>
    <ul data-role="listview" data-inset="true">
      <li><a href="room_poor.html">Simple Elegance</a></li>
      <li><a href="room_medium.html">Gold Standard</a></li>
      <li><a href="room_high.html">Emperor Suite</a></li>
    </ul>
  </div>
  <div data-role="footer">
    <h4>&copy; Camden Hotel 2012</h4>
  </div>
</div>

The rooms page is simply a list of their rooms. The hotel has three levels of rooms, each linked to the list so that the user can get details. You can find all three files in ...

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