topical media & game development

talk show tell print

mobile-js-sample-chapter-3-3-15.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">
          <h3>Button Icons</h3>
          <div data-role="controlgroup" data-type="horizontal" data-inline="true">
            <a href="#" data-role="button" data-icon="home" data-iconpos="left">Home</a>
            <a href="#" data-role="button" data-icon="gear" data-iconpos="left">Configure</a>
            <a href="#" data-role="button" data-icon="flagicons-french" data-iconpos="left">French</a>
          </div>
    </div>
    <footer data-role="footer"><h1>O'Reilly</h1></footer>
  </section>
  
          
    </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.