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-index.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="pageHome" data-role="page">
            <header data-role="header"><h1>jQuery Mobile</h1></header>
            <div class="content" data-role="content">
                  <h3><i>jQuery Mobile</i> Example Launcher</h3>
                  <p>Use this app to launch most of the examples from the book <i>jQuery Mobile</i>.  Some of the examples 
                  have been combined, and most of the JavaScript snippets have been omitted as they are meant 
                  to be illustrative only.</p>
                  <p>Note that each of these files opens in its own browser window.</p>
  <ul data-role="listview">
    <li>Chapter 1: Meet jQuery Mobile
      <ul>
        <li><a href="mobile-js-sample-chapter-1-1-1.htm" target="_blank">Example 1: Basic HTML 5 Page for a JQuery Mobile application</a></li>
        <li><a href="mobile-js-sample-chapter-1-1-2.htm" target="_blank">Example 2: jQuery Mobile data-role attributes applied to HTML 5 markup</a></li>
        <li><a href="mobile-js-sample-chapter-1-1-3.htm" target="_blank">Example 3: Adding a second page and link to it</a></li>
      </ul>
    </li>
    <li>Chapter 2: Application Structure and Navigation
      <ul>
        <li><a href="mobile-js-sample-chapter-2-2-1.htm" target="_blank">Example 1: Multiple internal pages in one HTML document</a></li>
        <li><a href="mobile-js-sample-chapter-2-2-2.htm" target="_blank">Example 2: Linking to an external page</a></li>
        <li><a href="mobile-js-sample-chapter-2-2-3.htm" target="_blank">Example 3: Calling a Dialog</a></li>
        <li><a href="mobile-js-sample-chapter-2-2-4.htm" target="_blank">Example 4: Specifying a Transition for a Dialog</a></li>
        <li><a href="mobile-js-sample-chapter-2-2-5.htm" target="_blank">Example 5: Specifying Reverse Transitions</a></li>
      </ul>
    </li>
    <li>Chapter 3: Page Elements
      <ul>
        <li><a href="mobile-js-sample-chapter-3-3-1.htm" target="_blank">Example 1: Basic List View</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-2.htm" target="_blank">Example 2: List View with Buttons</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-3.htm" target="_blank">Example 3: List View with Dividers</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-4.htm" target="_blank">Example 4: Nested List Views</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-5.htm" target="_blank">Example 5: Creating Split Buttons</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-6.htm" target="_blank">Example 6: List View Icons and Thumbnails</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-7.htm" target="_blank">Example 7: List Item Count Bubbles</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-8.htm" target="_blank">Example 8: Basic Navigation Bar</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-9.htm" target="_blank">Example 9: Formatted Navigation Bar</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-10.htm" target="_blank">Example 10: Navigation Bar with Stacked Buttons</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-11.htm" target="_blank">Example 11: Fixed Header and Footer</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-12.htm" target="_blank">Example 12: Fullscreen Header and Footer</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-13.htm" target="_blank">Example 13: Button, Button, Who's Got the Button</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-14.htm" target="_blank">Example 14: Button Control Groups</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-15.htm" target="_blank">Example 15: Button Icons</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-16.htm" target="_blank">Example 16: Checkboxes and Radio Buttons</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-17.htm" target="_blank">Example 17: Flip Toggle</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-18.htm" target="_blank">Example 18: Search Input</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-19.htm" target="_blank">Example 19: Native Select Menu</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-20.htm" target="_blank">Example 20: A Custom Select Menu</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-21.htm" target="_blank">Example 21: Slider Element</a></li>
        <li><a href="mobile-js-sample-chapter-3-3-22.htm" target="_blank">Example 22: Layout Grids</a></li>
      </ul>
    </li>
    <li>Chapter 4: Theming jQuery Mobile
      <ul>
        <li><a href="mobile-js-sample-chapter-4-4-1.htm" target="_blank">Example 1: Swatch Browsing Application</a></li>
        <li><a href="mobile-js-sample-chapter-4-4-2.htm" target="_blank">Example 2: Mixing Swatches</a></li>
        <li><a href="mobile-js-sample-chapter-4-4-3.htm" target="_blank">Example 3: Theming List View Elements</a></li>
        <li><a href="mobile-js-sample-chapter-4-custom-swatch.htm" target="_blank">Example 4: Customizing a Swatch</a></li>
      </ul>
    </li>
    <li>Chapter 5: jQuery Mobile API
      <ul>
        <li><a href="mobile-js-sample-chapter-5-5-1.htm" target="_blank">Example 1: Using Swipe Events to Trigger Page Transitions</a></li>
      </ul>
    </li>
    <li>Chapter 6: jQuery Mobile In Action
      <ul>
        <li><a href="mobile-js-sample-chapter-6-6-1.htm" target="_blank">Example 1: jqmTweet Dummy Pages</a></li>
        <li><a href="mobile-js-sample-chapter-6-6-2.htm" target="_blank">Example 1: jqmTweet Take 1</a></li>
        <li><a href="mobile-js-sample-chapter-6-6-3.htm" target="_blank">Example 1: jqmTweet Improved</a></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.