Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Docs: added dialog in api style (index/options/methods/events)

  • Loading branch information...
commit d07f1b5af09edd9e927ee5c01a77175b6de7a4da 1 parent e18b528
Anne-Gaelle Colom agcolom authored
96 docs/pages/dialog/events.html
... ... @@ -0,0 +1,96 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>jQuery Mobile Docs - Dialogs</title>
  7 + <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
  8 + <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
  9 +
  10 + <script src="../../../js/jquery.js"></script>
  11 + <script src="../../../docs/_assets/js/jqm-docs.js"></script>
  12 + <script src="../../../js/"></script>
  13 +
  14 +</head>
  15 +<body>
  16 +
  17 + <div data-role="page" class="type-interior">
  18 +
  19 + <div data-role="header" data-theme="f">
  20 + <h1>Dialogs</h1>
  21 + <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
  22 + <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
  23 + </div><!-- /header -->
  24 +
  25 + <div data-role="content" class="ui-body">
  26 + <div class="content-primary">
  27 + <form action="#" method="get">
  28 +
  29 + <h2>Dialog</h2>
  30 +
  31 + <ul data-role="controlgroup" data-type="horizontal" class="localnav">
  32 + <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
  33 + <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
  34 + <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
  35 + <li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
  36 + </ul>
  37 +
  38 + <p>The dialog plugin has the following custom events:</p>
  39 +
  40 + <dl>
  41 +
  42 + <dt><code>create</code> Triggered when a dialog is created</dt>
  43 + <dd>
  44 +
  45 + <pre><code>
  46 +$( ".selector" ).bind({
  47 + create: function(event, ui) { ... }
  48 +});
  49 + </code></pre>
  50 +
  51 + </dd>
  52 +
  53 + </dl>
  54 +
  55 + </form>
  56 + </div><!--/content-primary -->
  57 +
  58 + <div class="content-secondary">
  59 +
  60 + <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  61 +
  62 + <h3>More in this section</h3>
  63 +
  64 + <ul data-role="listview" data-theme="c" data-dividertheme="d">
  65 +
  66 + <li data-role="list-divider">Pages &amp; Dialogs</li>
  67 + <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
  68 + <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
  69 + <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
  70 + <li><a href="../page-titles.html">Page titles</a></li>
  71 + <li><a href="../page-links.html">Linking pages</a></li>
  72 + <li><a href="../page-transitions.html">Page transitions</a></li>
  73 + <li><a href="../loader.html">Page loading widget</a></li>
  74 + <li data-theme="a"><a href="index.html">Dialogs</a></li>
  75 + <li><a href="../popup/index.html">Popups</a></li>
  76 + <li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
  77 + <li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
  78 + <li><a href="../page-dynamic.html">Dynamically injecting pages</a></li>
  79 + <li><a href="../page-scripting.html">Scripting pages</a></li>
  80 + <li><a href="../phonegap.html">PhoneGap apps</a></li>
  81 + <li><a href="../touchoverflow.html">touchOverflow feature</a></li>
  82 + <li><a href="../pages-themes.html">Theming pages</a></li>
  83 + </ul>
  84 + </div>
  85 + </div>
  86 +
  87 +</div><!-- /content -->
  88 +
  89 +<div data-role="footer" class="footer-docs" data-theme="c">
  90 + <p>&copy; 2012 jQuery Foundation and other contributors</p>
  91 +</div>
  92 +
  93 +</div><!-- /page -->
  94 +
  95 +</body>
  96 +</html>
149 docs/pages/dialog/index.html
... ... @@ -0,0 +1,149 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>jQuery Mobile Docs - Dialogs</title>
  7 + <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
  8 + <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
  9 +
  10 + <script src="../../../js/jquery.js"></script>
  11 + <script src="../../../docs/_assets/js/jqm-docs.js"></script>
  12 + <script src="../../../js/"></script>
  13 +
  14 +</head>
  15 +<body>
  16 +
  17 + <div data-role="page" class="type-interior">
  18 +
  19 + <div data-role="header" data-theme="f">
  20 + <h1>Dialogs</h1>
  21 + <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
  22 + <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
  23 + </div><!-- /header -->
  24 +
  25 + <div data-role="content" class="ui-body">
  26 + <div class="content-primary">
  27 + <form action="#" method="get">
  28 +
  29 + <h2>Dialog</h2>
  30 +
  31 + <ul data-role="controlgroup" data-type="horizontal" class="localnav">
  32 + <li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
  33 + <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
  34 + <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
  35 + <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
  36 + </ul>
  37 +
  38 + <p>Any page can be presented as a modal dialog by adding the <code>data-rel="dialog"</code> attribute to the page anchor link. When the "dialog" attribute is applied, the framework adds styles to add rounded corners, margins around the page and a dark background to make the "dialog" appear to be suspended above the page.</p>
  39 +
  40 + <p>
  41 + <code>
  42 + &lt;a href=&quot;foo.html&quot; data-rel=&quot;dialog&quot;&gt;Open dialog&lt;/a&gt;
  43 + </code>
  44 + </p>
  45 +
  46 + <a href="../dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Open dialog</a>
  47 +
  48 +
  49 +
  50 + <h2>Transitions</h2>
  51 + <p>By default, the dialog will open with a 'pop' transition. Like all pages, you can specify any <a href="page-transitions.html">page transition</a> you want on the dialog by adding the <code>data-transition</code> attribute to the link. To make it feel more dialog-like, we recommend specifying a transition of "pop", "slidedown" or "flip".</p>
  52 +
  53 +<code>
  54 +&lt;a href=&quot;foo.html&quot; data-rel=&quot;dialog&quot; data-transition=&quot;pop&quot;&gt;Open dialog&lt;/a&gt;
  55 +</code>
  56 +
  57 + <div>
  58 + <a href="../dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">data-transition="pop"</a>
  59 + <a href="../dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">data-transition="slidedown"</a>
  60 + <a href="../dialog.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="flip">data-transition="flip"</a>
  61 + </div>
  62 +
  63 +
  64 + <h2>Closing dialogs</h2>
  65 + <p>When any link is clicked within in a dialog, the framework will automatically close the dialog and transition to the requested page, just as if the dialog were a normal page. To create a "cancel" button in a dialog, just link to the page that triggered the dialog to open and add the <code>data-rel="back"</code> attribute to your link. This pattern of linking to the previous page is also usable in non-JS devices as well.</p>
  66 + <p>For JavaScript-generated links, you can simply set the href attribute to "#" and use the <code>data-rel="back"</code> attribute. You can also call the dialog's <code>close()</code> method to programmatically close dialogs, for example: <code>$('.ui-dialog').dialog('close')</code>. </p>
  67 +
  68 + <h3>Setting the close button text</h3>
  69 + <p>Just like the page plugin, you can set a dialog's close button text through an option or data attribute.
  70 + This option is used to customize the text of the close button which is helpful for translating this into different languages. This is displayed as an icon-only button by default so the text isn't visible on-screen, but is read by screen readers so this is an important accessibility feature.
  71 + The option can be configured for all dialogs by binding to the <code>mobileinit</code> event and setting the <code>$.mobile.dialog.prototype.options.closeBtnText</code> property to a string of your choosing, or you can place the data attribute <code>data-close-btn-text</code> to configure the text from your markup.
  72 + </p>
  73 +
  74 + <h2>History &amp; Back button behavior</h2>
  75 + <p>Since dialogs are typically used to support actions within a page, the framework does not include dialogs in the hash state history tracking. This means that dialogs will not appear in your browsing history chronology when the Back button is clicked. For example, if you are on a page, click a link to open a dialog, close the dialog, then navigate to another page, if you were to click the browser's Back button at that point you will navigate back to the first page, not the dialog.</p>
  76 +
  77 + <h2>Chaining Dialogs</h2>
  78 + <p>Please note: If a dialog opens another dialog (chaining), closing the last one with a link of type <code>data-rel="back"</code> will always navigate to the previous dialog until the root-page of type <code>data-role="page"</code> is reached. This guarantees a consistent navigation between dialogs.</p>
  79 +
  80 + <h2>Styling &amp; theming</h2>
  81 + <p>Dialogs can be styled with different theme swatches, just like any page by adding <code>data-theme</code> attributes to the header, content, or footer containers. Here is an example of a different dialog design:</p>
  82 + <a href="../dialog-alt.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">An alternate color scheme</a>
  83 +
  84 + <p>Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch "a" content color by default, but the <code>data-overlay-theme</code> attribute can be added to the page wrapper to set the overlay to any swatch letter. Here is an example of a dialog with the overlay set to swatch "e":</p>
  85 + <a href="../dialog-overlay.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="pop">Custom overlay swatch</a>
  86 +
  87 +
  88 + <p>Dialogs can also be used more like a control sheet to offer multiple buttons if you simply remove the top margin from the dialog's inner container element. For example, if your dialog page had a class of <code>my-dialog</code>, you could add this CSS to pin that dialog to the top: <code>.ui-dialog.my-dialog .ui-dialog-contain { margin-top: 0 }</code>, or you could just apply that style to all dialogs with <code>.ui-dialog .ui-dialog-contain { margin-top: 0 }</code>.</p>
  89 + <a href="../dialog-buttons.html" data-role="button" data-inline="true" data-rel="dialog" data-transition="slidedown">Share photos...</a>
  90 +
  91 + <h2>Dialog width and margins</h2>
  92 + <p>For the sake of readability, dialogs have a default <code>width</code> of 92.5% and a <code>max-width</code> of 500 pixels. There is also a 10% top <code>margin</code> to give dialogs larger top margin on larger screens, but collapse to a small margin on smartphones. The dialog's inner container is shifted towards the <code>top</code> with 15px to hide the corner styling if a dialog is used as a control sheet (see above). To override these styles, add the following CSS override rule to your stylesheet and tweak as needed:</p>
  93 +
  94 +<pre><code>
  95 +.ui-dialog-contain {
  96 + <strong>width: 92.5%;</strong>
  97 + <strong>max-width: 500px;</strong>
  98 + <strong>margin: 10% auto 15px auto;</strong>
  99 + padding: 0;
  100 + position: relative;
  101 + <strong>top: -15px;</strong>
  102 +}
  103 +</code></pre>
  104 +
  105 +
  106 +
  107 +
  108 +
  109 + </div><!--/content-primary -->
  110 +
  111 + <div class="content-secondary">
  112 +
  113 + <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  114 +
  115 + <h3>More in this section</h3>
  116 +
  117 + <ul data-role="listview" data-theme="c" data-dividertheme="d">
  118 +
  119 + <li data-role="list-divider">Pages &amp; Dialogs</li>
  120 + <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
  121 + <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
  122 + <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
  123 + <li><a href="../page-titles.html">Page titles</a></li>
  124 + <li><a href="../page-links.html">Linking pages</a></li>
  125 + <li><a href="../page-transitions.html">Page transitions</a></li>
  126 + <li><a href="../loader.html">Page loading widget</a></li>
  127 + <li data-theme="a"><a href="index.html">Dialogs</a></li>
  128 + <li><a href="../popup/index.html">Popups</a></li>
  129 + <li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
  130 + <li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
  131 + <li><a href="../page-dynamic.html">Dynamically injecting pages</a></li>
  132 + <li><a href="../page-scripting.html">Scripting pages</a></li>
  133 + <li><a href="../phonegap.html">PhoneGap apps</a></li>
  134 + <li><a href="../touchoverflow.html">touchOverflow feature</a></li>
  135 + <li><a href="../pages-themes.html">Theming pages</a></li>
  136 + </ul>
  137 + </div>
  138 + </div>
  139 +
  140 +</div><!-- /content -->
  141 +
  142 +<div data-role="footer" class="footer-docs" data-theme="c">
  143 + <p>&copy; 2012 jQuery Foundation and other contributors</p>
  144 +</div>
  145 +
  146 +</div><!-- /page -->
  147 +
  148 +</body>
  149 +</html>
90 docs/pages/dialog/methods.html
... ... @@ -0,0 +1,90 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>jQuery Mobile Docs - Dialogs</title>
  7 + <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
  8 + <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
  9 +
  10 + <script src="../../../js/jquery.js"></script>
  11 + <script src="../../../docs/_assets/js/jqm-docs.js"></script>
  12 + <script src="../../../js/"></script>
  13 +
  14 +</head>
  15 +<body>
  16 +
  17 + <div data-role="page" class="type-interior">
  18 +
  19 + <div data-role="header" data-theme="f">
  20 + <h1>Dialogs</h1>
  21 + <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
  22 + <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
  23 + </div><!-- /header -->
  24 +
  25 + <div data-role="content" class="ui-body">
  26 + <div class="content-primary">
  27 + <form action="#" method="get">
  28 +
  29 + <h2>Dialog</h2>
  30 +
  31 + <ul data-role="controlgroup" data-type="horizontal" class="localnav">
  32 + <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
  33 + <li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
  34 + <li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
  35 + <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
  36 + </ul>
  37 +
  38 + <p>The dialog plugin has the following methods:</p>
  39 +
  40 + <dl>
  41 + <dt><code>close</code> close an open dialog</dt>
  42 + <dd>
  43 + <pre><code>
  44 +$( ".selector" ).dialog( "close" );
  45 + </code></pre>
  46 + </dd>
  47 + </dl>
  48 +
  49 + </form>
  50 + </div><!--/content-primary -->
  51 +
  52 + <div class="content-secondary">
  53 +
  54 + <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  55 +
  56 + <h3>More in this section</h3>
  57 +
  58 + <ul data-role="listview" data-theme="c" data-dividertheme="d">
  59 +
  60 + <li data-role="list-divider">Pages &amp; Dialogs</li>
  61 + <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
  62 + <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
  63 + <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
  64 + <li><a href="../page-titles.html">Page titles</a></li>
  65 + <li><a href="../page-links.html">Linking pages</a></li>
  66 + <li><a href="../page-transitions.html">Page transitions</a></li>
  67 + <li><a href="../loader.html">Page loading widget</a></li>
  68 + <li data-theme="a"><a href="index.html">Dialogs</a></li>
  69 + <li><a href="../popup/index.html">Popups</a></li>
  70 + <li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
  71 + <li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
  72 + <li><a href="../page-dynamic.html">Dynamically injecting pages</a></li>
  73 + <li><a href="../page-scripting.html">Scripting pages</a></li>
  74 + <li><a href="../phonegap.html">PhoneGap apps</a></li>
  75 + <li><a href="../touchoverflow.html">touchOverflow feature</a></li>
  76 + <li><a href="../pages-themes.html">Theming pages</a></li>
  77 + </ul>
  78 + </div>
  79 + </div>
  80 +
  81 +</div><!-- /content -->
  82 +
  83 +<div data-role="footer" class="footer-docs" data-theme="c">
  84 + <p>&copy; 2012 jQuery Foundation and other contributors</p>
  85 +</div>
  86 +
  87 +</div><!-- /page -->
  88 +
  89 +</body>
  90 +</html>
112 docs/pages/dialog/options.html
... ... @@ -0,0 +1,112 @@
  1 +<!DOCTYPE html>
  2 +<html>
  3 + <head>
  4 + <meta charset="utf-8">
  5 + <meta name="viewport" content="width=device-width, initial-scale=1">
  6 + <title>jQuery Mobile Docs - Dialogs</title>
  7 + <link rel="stylesheet" href="../../../css/themes/default/jquery.mobile.css" />
  8 + <link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
  9 +
  10 + <script src="../../../js/jquery.js"></script>
  11 + <script src="../../../docs/_assets/js/jqm-docs.js"></script>
  12 + <script src="../../../js/"></script>
  13 +
  14 +</head>
  15 +<body>
  16 +
  17 + <div data-role="page" class="type-interior">
  18 +
  19 + <div data-role="header" data-theme="f">
  20 + <h1>Dialogs</h1>
  21 + <a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
  22 + <a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
  23 + </div><!-- /header -->
  24 +
  25 + <div data-role="content" class="ui-body">
  26 + <div class="content-primary">
  27 +
  28 + <form action="#" method="get">
  29 +
  30 + <h2>Dialog</h2>
  31 +
  32 + <ul data-role="controlgroup" data-type="horizontal" class="localnav">
  33 + <li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
  34 + <li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
  35 + <li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
  36 + <li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
  37 + </ul>
  38 +
  39 + <p>The dialog plugin has the following options:</p>
  40 +
  41 + <dl>
  42 +
  43 + <dt><code>closeBtnText</code> <em>string</em></dt>
  44 + <dd>
  45 + <p class="default">default: "Close"</p>
  46 + <p>Customizes the text of the close button which is helpful for translating this into different languages. This is displayed as an icon-only button by default so the text isn't visible on-screen, but is read by screen readers so this is an important accessibility feature.</p>
  47 + <p>This option is also exposed as a data attribute: <code>data-close-btn-text</code>.</p>
  48 +
  49 + <pre><code>$( ".selector" ).dialog(<strong>{ closeBtnText: "Fermer" }</strong>);</code></pre>
  50 + </dd>
  51 +
  52 + <dt><code>initSelector</code> <em>CSS selector string</em></dt>
  53 + <dd>
  54 + <p class="default">default: ":jqmData(role='dialog')"</p>
  55 + <p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as popups. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
  56 +<pre><code>$( document ).bind( "mobileinit", function(){
  57 + <strong>$.mobile.dialog.prototype.options.initSelector = ".mydialog";</strong>
  58 +});
  59 +</code></pre>
  60 + </dd>
  61 +
  62 + <dt><code>overlayTheme</code> <em>string</em></dt>
  63 + <dd>
  64 + <p class="default">default: "a"</p>
  65 + <p>Dialogs appear to be floating above an overlay layer. This overlay adopts the swatch "a" content color by default, but the data-overlay-theme attribute can be added to the page wrapper to set the overlay to any swatch letter.</p>
  66 + <pre><code>$( ".selector" ).dialog(<strong>{ overlayTheme: "e" }</strong>);</code></pre>
  67 + <p>This option is also exposed as a data attribute: <code>data-overlay-theme=&quot;e&quot;</code></p>
  68 + </dd>
  69 +
  70 + </dl>
  71 +
  72 +
  73 + </div><!--/content-primary -->
  74 + <div class="content-secondary">
  75 +
  76 + <div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
  77 +
  78 + <h3>More in this section</h3>
  79 +
  80 + <ul data-role="listview" data-theme="c" data-dividertheme="d">
  81 +
  82 + <li data-role="list-divider">Pages &amp; Dialogs</li>
  83 + <li><a href="../page-anatomy.html">Anatomy of a page</a></li>
  84 + <li><a href="../page-template.html" data-ajax="false">Single page template</a></li>
  85 + <li><a href="../multipage-template.html" data-ajax="false">Multi-page template</a></li>
  86 + <li><a href="../page-titles.html">Page titles</a></li>
  87 + <li><a href="../page-links.html">Linking pages</a></li>
  88 + <li><a href="../page-transitions.html">Page transitions</a></li>
  89 + <li><a href="../loader.html">Page loading widget</a></li>
  90 + <li data-theme="a"><a href="index.html">Dialogs</a></li>
  91 + <li><a href="../popup/index.html">Popups</a></li>
  92 + <li><a href="../page-cache.html">Prefetching &amp; caching pages</a></li>
  93 + <li><a href="../page-navmodel.html">Ajax, hashes &amp; history</a></li>
  94 + <li><a href="../page-dynamic.html">Dynamically injecting pages</a></li>
  95 + <li><a href="../page-scripting.html">Scripting pages</a></li>
  96 + <li><a href="../phonegap.html">PhoneGap apps</a></li>
  97 + <li><a href="../touchoverflow.html">touchOverflow feature</a></li>
  98 + <li><a href="../pages-themes.html">Theming pages</a></li>
  99 + </ul>
  100 + </div>
  101 + </div>
  102 +
  103 +</div><!-- /content -->
  104 +
  105 +<div data-role="footer" class="footer-docs" data-theme="c">
  106 + <p>&copy; 2012 jQuery Foundation and other contributors</p>
  107 +</div>
  108 +
  109 +</div><!-- /page -->
  110 +
  111 +</body>
  112 +</html>

0 comments on commit d07f1b5

Please sign in to comment.
Something went wrong with that request. Please try again.