topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

mobile-js-sample-chapter-3-3-7.htm / htm



  <!DOCTYPE html>
  <html>
    <head>
      <title>jQuery Mobile Application</title>
  
          <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
          <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
          <script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
  
    </head>
    <body>
  
          <section id="page1" data-role="page">
            <header data-role="header"><h1>jQuery Mobile</h1></header>
            <div class="content" data-role="content">
  
                  <ul data-role="listview">
                    <li data-role="divider">Items<span class="ui-li-count">10</span></li>
                    <li><a href="#">Restaurants</a><span class="ui-li-count">9</span>
                      <ul>
                        <li>
                                <a href="#">
                               <img src="mobile-js-sample-images-icons-icon-french.png" 
                                        alt="French flag icon" 
                                            class="ui-li-icon">
                                   French
                                   <span class="ui-li-count">3</span>
                                </a>
                          <ul>
                            <li>
                                    <a href="mobile-js-sample-chapter-3-lecentral.htm">
                                <img src="mobile-js-sample-images-logo-generic.png" alt="Le Central logo">
                                Le Central
                                          </a>
                                          <span class="ui-li-count">9</span>
                                          <a href="mobile-js-sample-chapter-3-reservations.php?restaurant=403">Make Reservations</a>
                                    </li>
                            <li>
                                    <a href="mobile-js-sample-chapter-3-bistrovandome.htm">
                                      <img src="mobile-js-sample-images-logo-generic.png" alt="Bistro Vandome logo">
                                Bistro Vandome
                                          </a>
                                          <a href="mobile-js-sample-chapter-3-reservations.php?restaurant=404">Make Reservations</a>
                                    </li>
                            <li>
                                    <a href="mobile-js-sample-chapter-3-antoines.htm">
                                      <img src="mobile-js-sample-images-logo-generic.png" alt="Antoine's logo">
                                Antoine's
                                          </a>
                                          <a href="mobile-js-sample-chapter-3-reservations.php?restaurant=405">Make Reservations</a>
                                    </li>
                          </ul>
                        </li>
                        <li>
                                <a href="#">
                                  <img src="mobile-js-sample-images-icons-icon-cajun.png" 
                                         alt="Cajun icon" 
                                             class="ui-li-icon">
                                  Cajun
                                    <span class="ui-li-count">3</span>
                                </a>
                          <ul>
                            <li>Bayou Bob's</li>
                            <li>Pappadeaux</li>
                            <li>Lucile's</li>
                          </ul>
                        </li>
                        <li>
                                <a href="#">
                                  <img src="mobile-js-sample-images-icons-icon-american.png" 
                                         alt="American flag icon" 
                                             class="ui-li-icon">
                                  American
                                    <span class="ui-li-count">3</span>
                                </a>
                          <ul>
                            <li>Dixon's</li>
                            <li>Vesta Dipping Grill</li>
                            <li>Steuben's</li>
                          </ul>
                        </li>
                      </ul>
                    </li>
                  </ul>
            </div>
            <footer data-role="footer"><h1>O'Reilly</h1></footer>
          </section>
  
          
    </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.