topical media & game development

talk show tell print

mobile-js-sample-chapter-2-2-3.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>
  
  <!-- begin first page -->
  <section id="page1" data-role="page">
    <header data-role="header"><h1>jQuery Mobile</h1></header>
    <div  data-role="content" class="content">
      <p>First page!</p>
          <p><a href="#page2" data-rel="dialog">Open page 2 as a dialog</a></p>
    </div>
    <footer data-role="footer"><h1>O'Reilly</h1></footer>
  </section>
  <!-- end first page -->
  
  <!-- Begin second page -->
  <section id="page2" data-role="page">
    <header data-role="header"><h1>jQuery Mobile</h1></header>
    <div data-role="content" class="content">
      <p>Second page!</p>
    </div>
    <footer data-role="footer"r><h1>O'Reilly</h1></footer>
  </section>
  <!-- end second page -->
          
  
          
    </body>
  </html>
  


(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.