Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Removed the bottom set of transition test buttons as these were mainl…

…y there for development testing, tweaked language and test page footer
  • Loading branch information...
commit 639dd4cebc88eb58fee87d6771ffc1cbce3ae59b 1 parent 4361199
@toddparker toddparker authored
Showing with 5 additions and 56 deletions.
  1. +5 −56 docs/pages/page-transitions.html
View
61 docs/pages/page-transitions.html
@@ -86,7 +86,7 @@
</table>
-<p><strong>NOTE</strong>: To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
+<p><strong>Only seeing fade transitions?</strong> To view all transition types, you must be on a browser that supports 3D transforms. By default, devices that lack 3D support (such as Android 2.x) will fallback to "fade" for all transition types. This behavior is configurable (see below).</p>
<p><strong>Transitions were originally inspired by <a href="http://www.jqtouch.com/">jQtouch</a></strong> They've since been rebuilt, but props to David Kaneda and Jonathan Stark for the initial guidance.</p>
@@ -124,58 +124,7 @@
<p>jQuery Mobile allows for the addition of <a href="page-customtransitions.html">custom transitions</a> to the <code>$.mobile.transitionHandlers</code> dictionary so you can expand the selection of transitions on your site or app.
- <h2>Transitions and scroll position</h2>
- <p>One of the key things jQuery Mobile does is store your scroll position before starting a transition so it can restore you to the same place once you return to the page when hitting the Back button or closing a dialog. Here are the same buttons from the top to test the scrolling logic.</p>
-
-
- <table>
- <tr>
- <th><h3>fade</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="fade" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="fade" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>pop</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="pop" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="pop" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>flip</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="flip" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="flip" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>turn</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="turn" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="turn" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>flow</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="flow" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="flow" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slide</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slide" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="slide" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slideup</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slideup" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="slideup" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>slidedown</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="slidedown" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-transition="slidedown" data-inline="true">page</a></td>
- </tr>
- <tr>
- <th><h3>none</h3></th>
- <td><a href="#dialog-success" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">dialog</a></td>
- <td><a href="#page-success" data-role="button" data-rel="dialog" data-transition="none" data-inline="true">page</a></td>
- </tr>
- </table>
-
+
@@ -268,7 +217,7 @@
<div data-role="fieldcontain">
<label for="slider">Slider:</label>
- <input type="range" name="slider" id="slider" value="0" min="0" max="100" />
+ <input type="range" name="slider" id="slider" value="0" min="0" max="100" data-highlight="true" />
</div>
</form>
@@ -276,12 +225,12 @@
<a href="docs-transitions.html" data-role="button" data-theme="b" data-rel="back" data-inline="true">Take me back</a>
</div>
- <div data-role="header" data-theme="d">
+ <div data-role="footer" data-theme="d">
<div style="margin:5px 10px;"><!-- To add a bit of spacing -->
<label for="search" class="ui-hidden-accessible">Search:</label>
<input type="search" name="password" id="search" placeholder="Search..." value="" />
</div>
- </div><!-- /header -->
+ </div><!-- /footer -->
</div>
</body>
Please sign in to comment.
Something went wrong with that request. Please try again.