RubyGems - RubyApp - Versions diffs - 0.6.67 → 0.6.68 - Mend

RubyApp 0.6.67 → 0.6.68

Files changed (460) hide show

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/forms/switch/methods.html DELETED Viewed

@@ -1,108 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Slider methods</title>
-	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
-	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
-	<script src="../../../js/jquery.js"></script>
-	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Flip Toggle Switch</h1>
-		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		<form action="#" method="get">
-			<h2>Flip toggle switch</h2>
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
-				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
-				<li><a href="methods.html" data-role="button" data-transition="fade" class="ui-btn-active">Methods</a></li>
-				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
-			</ul>
-			<p>The slider plugin has the following methods:</p>
-		<dl>
-			<dt><code>enable</code> enable a disabled slider</dt>
-			<dd>
-				<pre><code>
-$('.selector').slider('enable');
-				</code></pre>
-			</dd>
-			<dt><code>disable</code> disable a slider</dt>
-			<dd>
-				<pre><code>
-$('.selector').slider('disable');
-				</code></pre>
-			</dd>
-			<dt><code>refresh</code> update the slider</dt>
-			<dd>
-			<p>If you manipulate a slider via JavaScript, you must call the refresh method on it to update the visual styling.</p>
-			<pre><code>
-$('.selector').slider('refresh');
-				</code></pre>
-			</dd>
-		</dl>
-	</form>
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Form elements</li>
-					<li><a href="../docs-forms.html">Form basics</a></li>
-					<li><a href="../forms-all.html">Form element gallery</a></li>
-					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
-					<li><a href="../textinputs/index.html">Text inputs</a></li>
-					<li><a href="../search/">Search input</a></li>
-					<li><a href="../slider/">Slider</a></li>
-					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
-					<li><a href="../radiobuttons/">Radio buttons</a></li>
-					<li><a href="../checkboxes/">Checkboxes</a></li>
-					<li><a href="../selects/">Select menus</a></li>
-					<li><a href="../forms-themes.html">Theming forms</a></li>
-					<li><a href="../forms-all-native.html">Native form elements</a></li>
-					<li><a href="../forms-sample.html">Submitting forms</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/forms/switch/options.html DELETED Viewed

@@ -1,123 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Slider options</title>
-	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
-	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
-	<script src="../../../js/jquery.js"></script>
-	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Flip Toggle Switch</h1>
-		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		<form action="#" method="get">
-			<h2>Flip toggle switch</h2>
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
-				<li><a href="options.html" data-role="button" data-transition="fade" class="ui-btn-active">Options</a></li>
-				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
-				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
-			</ul>
-			<p>The slider plugin has the following options:</p>
-		<dl>
-			<dt><code>disabled</code> <em>string</em></dt>
-			<dd>
-				<p class="default">default: false</p>
-				<p>Sets the default state of the slider to disabled when "true".</p>
-				<pre><code>$('.selector').slider(<strong>{ disabled: "true" }</strong>);</code></pre>
-			</dd>
-			<dt><code>initSelector</code> <em>CSS selector string</em></dt>
-			<dd>
-				<p class="default">default: "input[type='range'], :jqmData(type='range'), :jqmData(role='slider')"</p>
-				<p>This is used to define the selectors (element types, data roles, etc.) that will automatically be initialized as sliders. To change which elements are initialized, bind this option to the <a href="../../api/globalconfig.html">mobileinit event</a>:</p>
-<pre><code>$( document ).bind( "mobileinit", function(){
-   <strong>$.mobile.slider.prototype.options.initSelector = ".myslider";</strong>
-});
-</code></pre>
-			<dt><code>mini</code> <em>boolean</em></dt>
-			<dd>
-				<p class="default">default: false</p>
-				<p>Sets the size of the element to a more compact, <a href="../forms-all-mini.html">mini version</a>. This option is also exposed as a data attribute: <code>data-mini=&quot;true&quot;</code></p>
-				<pre><code>$('.selector').slider(<strong>{ mini: "true" }</strong>);</code></pre>
-			</dd>
-			<dt><code>theme</code> <em>string</em></dt>
-			<dd>
-				<p class="default">default: null, inherited from parent</p>
-				<p>Sets the color scheme (swatch) for all instances of this widget. It accepts a single letter from a-z that maps to the swatches included in your theme. By default, it will inherit the same swatch color as it's parent container if not explicitly set. This option is also exposed as a data attribute: <code>data-theme=&quot;a&quot;</code></p>
-				<pre><code>$('.selector').slider(<strong>{ theme: "a" }</strong>);</code></pre>
-			</dd>
-			<dt><code>trackTheme</code> <em>string</em></dt>
-			<dd>
-				<p class="default">default: null, inherited from parent</p>
-				<p>Sets the color scheme (swatch) for the slider's track, specifically. It accepts a single letter from a-z that maps to the swatches included in your theme.</p>
-				<pre><code>$('.selector').slider(<strong>{ trackTheme: "a" }</strong>);</code></pre>
-				<p>This option can be overridden in the markup by assigning a data attribute to the input, e.g. <code>data-track-theme=&quot;a&quot;</code>.</p>
-			</dd>
-		</dl>
-	</form>
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Form elements</li>
-					<li><a href="../docs-forms.html">Form basics</a></li>
-					<li><a href="../forms-all.html">Form element gallery</a></li>
-					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
-					<li><a href="../textinputs/index.html">Text inputs</a></li>
-					<li><a href="../search/">Search input</a></li>
-					<li><a href="../slider/">Slider</a></li>
-					<li data-theme="a"><a href="index.html">Flip toggle switch</a></li>
-					<li><a href="../radiobuttons/">Radio buttons</a></li>
-					<li><a href="../checkboxes/">Checkboxes</a></li>
-					<li><a href="../selects/">Select menus</a></li>
-					<li><a href="../forms-themes.html">Theming forms</a></li>
-					<li><a href="../forms-all-native.html">Native form elements</a></li>
-					<li><a href="../forms-sample.html">Submitting forms</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/forms/textinputs/events.html DELETED Viewed

@@ -1,103 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Text Input events</title>
-	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
-	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
-	<script src="../../../js/jquery.js"></script>
-	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Text inputs</h1>
-		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		<form action="#" method="get">
-			<h2>Text inputs</h2>
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="index.html" data-role="button" data-transition="fade">Basics</a></li>
-				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
-				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
-				<li><a href="events.html" data-role="button" data-transition="fade" class="ui-btn-active">Events</a></li>
-			</ul>
-			<p>Bind events directly to the <code>input</code> element.  Use jQuery Mobile's <a href="../../api/events.html">virtual events</a>, or bind standard JavaScript events, like change, focus, blur, etc.:</p>
-			<pre><code>
-$( ".selector" ).bind( "change", function(event, ui) {
-  ...
-});
-</code></pre>
-			<p>The text input plugin has the following custom events:</p>
-	<dl>
-		<dt><code>create</code> triggered when a text input is created</dt>
-		<dd>
-			<pre><code>
-$( ".selector" ).textinput({
-   create: function(event, ui) { ... }
-});
-			</code></pre>
-			</dd>
-	</dl>
-	</form>
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Form elements</li>
-					<li><a href="../docs-forms.html">Form basics</a></li>
-					<li><a href="../forms-all.html">Form element gallery</a></li>
-					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
-					<li data-theme="a"><a href="index.html">Text inputs</a></li>
-					<li><a href="../search/">Search input</a></li>
-					<li><a href="../slider/">Slider</a></li>
-					<li><a href="../switch/">Flip toggle switch</a></li>
-					<li><a href="../radiobuttons/">Radio buttons</a></li>
-					<li><a href="../checkboxes/">Checkboxes</a></li>
-					<li><a href="../selects/">Select menus</a></li>
-					<li><a href="../forms-themes.html">Theming forms</a></li>
-					<li><a href="../forms-all-native.html">Native form elements</a></li>
-					<li><a href="../forms-sample.html">Submitting forms</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>

data/lib/ruby_app/resources/elements/mobile/document/jquery.mobile-1.1.0/demos/docs/forms/textinputs/index.html DELETED Viewed

@@ -1,244 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Text inputs</title>
-	<link rel="stylesheet"  href="../../../css/themes/default/jquery.mobile-1.1.0.css" />
-	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
-	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
-	<script src="../../../js/jquery.js"></script>
-	<script src="../../../docs/_assets/js/jqm-docs.js"></script>
-	<script src="../../../js/jquery.mobile-1.1.0.js"></script>
-</head>
-<body>
-	<div data-role="page" class="type-interior">
-		<div data-role="header" data-theme="f">
-		<h1>Text inputs</h1>
-		<a href="../../../" data-icon="home" data-iconpos="notext" data-direction="reverse">Home</a>
-		<a href="../../nav.html" data-icon="search" data-iconpos="notext" data-rel="dialog" data-transition="fade">Search</a>
-	</div><!-- /header -->
-	<div data-role="content">
-		<div class="content-primary">
-		<form action="#" method="get">
-			<h2>Text inputs & Textareas</h2>
-			<ul data-role="controlgroup" data-type="horizontal" class="localnav">
-				<li><a href="index.html" data-role="button" data-transition="fade" class="ui-btn-active">Basics</a></li>
-				<li><a href="options.html" data-role="button" data-transition="fade">Options</a></li>
-				<li><a href="methods.html" data-role="button" data-transition="fade">Methods</a></li>
-				<li><a href="events.html" data-role="button" data-transition="fade">Events</a></li>
-			</ul>
-			<p>Text inputs and textareas are coded with standard HTML elements, then enhanced by jQuery Mobile to make them more attractive and useable on a mobile device. View the <a href="../../api/data-attributes.html">data- attribute reference</a> to see all the possible attributes you can add to text inputs.</p>
-			<h2>Text inputs</h2>
-			<p>To collect standard alphanumeric text, use an <code>input</code> with a <code>type="text"</code> attribute. Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>input</code> so they are semantically associated. It's possible to <a href="../docs-forms.html">accessibly hide the label</a> if it's not desired in the page layout, but we require that it is present in the markup for semantic and accessibility reasons.</p>
-<pre><code>
-    &lt;label for=&quot;basic&quot;&gt;Text Input:&lt;/label&gt;
-    &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;basic&quot; value=&quot;&quot;  /&gt;
-</code></pre>
-			<p>This will produce a basic text input. The default styles set the width of the input to 100% of the parent container and stack the label on a separate line.</p>
-	         <label for="basic">Text Input:</label>
-	         <input type="text" name="name" id="basic" value="" />
-			<h2>Mini version</h2>
-			<p>For a more compact version that is useful in toolbars and tight spaces, add the <code>data-mini="true"</code> attribute to the element to create a <a href="../forms-all-mini.html">mini version</a>. </p>
-<pre><code>
-&lt;label for=&quot;basic&quot;&gt;Text Input:&lt;/label&gt;
-&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;basic&quot; value=&quot;&quot; <strong>data-mini=&quot;true&quot;</strong> /&gt;
-</code></pre>
-			<p>This will produce an input that is not as tall as the standard version and has a smaller text size.</p>
-	         <label for="mini">Text Input:</label>
-	         <input type="text" name="name" id="mini" value="" data-mini="true" />
-			<h2>Field containers</h2>
-			<p>Optionally wrap the text input in a container with the <code> data-role="fieldcontain"</code> attribute to help visually group it in a longer form.</p>
-<pre><code>
-<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
-</strong>    &lt;label for=&quot;name&quot;&gt;Text Input:&lt;/label&gt;
-    &lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot; value=&quot;&quot;  /&gt;
-<strong>&lt;/div&gt;
-</strong></code></pre>
-			<p>The text input is now displayed like this:</p>
-	    	<div data-role="fieldcontain">
-	         <label for="name">Text Input:</label>
-	         <input type="text" name="name" id="name" value="" />
-			</div>
-			<h2>More text input types</h2>
-			<p>In jQuery Mobile, you can use existing and new HTML5 input types such as <code>password</code>, <code>email</code>, <code>tel</code>, <code>number</code>, and more.  Some type values are rendered differently across browsers. For example, Chrome renders the <code>range</code> input as a slider. jQuery Mobile standardizes the appearance of <code>range</code> and <code>search</code> by dynamically changing their type to <code>text</code>. You can configure which input types are degraded to <code>text</code> with the <code>page</code> plugin's options.</p>
-			<p>One major advantage of using these more specific input types if that on mobile devices, specialized keyboards that speed data entry are offered in place of the standard text keyboard. Try the following inputs on a mobile device to see which display custom keyboards on various platforms.</p>
-			<div data-role="fieldcontain">
-	         <label for="password">Password:</label>
-	         <input type="password" name="password" id="password" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="number">Number:</label>
-	         <input type="number" name="number" id="number" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="number-pattern">Number + pattern:</label>
-	         <input type="number" name="number" pattern="[0-9]*" id="number-pattern" value="" placeholder="Pattern attribute [0-9]* for a numeric keypad" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="email">Email:</label>
-	         <input type="email" name="email" id="email" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="url">Url:</label>
-	         <input type="url" name="url" id="url" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="tel">Tel:</label>
-	         <input type="tel" name="tel" id="tel" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="time">Time:</label>
-	         <input type="time" name="time" id="time" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="date">Date:</label>
-	         <input type="date" name="date" id="date" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="month">Month:</label>
-	         <input type="month" name="month" id="month" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="week">Week:</label>
-	         <input type="week" name="week" id="week" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="datetime">Datetime:</label>
-	         <input type="datetime" name="datetime" id="datetime" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="datetime-l">Datetime local:</label>
-	         <input type="datetime-local" name="datetime-l" id="datetime-l" value="" />
-			</div>
-			<div data-role="fieldcontain">
-	         <label for="color">Color:</label>
-	         <input type="color" name="color" id="color" value="" />
-			</div>
-			<h2>Textareas</h2>
-			<p>For multi-line text inputs, use a <code>textarea</code> element. The framework will auto-grow the height of the textarea to avoid the need for an internal scrollbar. </p>
-			<p>Set the <code>for</code> attribute of the <code>label</code> to match the ID of the <code>textarea</code> so they are semantically associated, and wrap them in a <code>div</code> with the <code> data-role="fieldcontain"</code> attribute to group them.</p>
-<pre><code>
-<strong>&lt;label for=&quot;textarea-a&quot;&gt;Textarea:&lt;/label&gt;
-&lt;textarea name=&quot;textarea&quot; id=&quot;textarea-a&quot;&gt;</strong>
-I&#x27;m a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
-<strong>&lt;/textarea&gt;</strong>
-</code></pre>
-			<p>This will produce a basic textarea with the width set to 100% of the parent container and the label stacked on a separate line. The textarea will grow to fit new lines as you type:</p>
-			<label for="textarea-a">Textarea:</label>
-			<textarea name="textarea" id="textarea-a">
-I'm a basic textarea. If this is pre-populated with content, the height will be automatically adjusted to fit without needing to scroll. That is a pretty handy usability feature.
-			</textarea>
-<pre><code>
-<strong>&lt;div data-role=&quot;fieldcontain&quot;&gt;
-</strong>&lt;label for=&quot;textarea&quot;&gt;Textarea:&lt;/label&gt;
-	&lt;textarea name=&quot;textarea&quot; id=&quot;textarea&quot;&gt;&lt;/textarea&gt;
-<strong>&lt;/div&gt;</strong>
-</code></pre>
-			<p>The textarea is displayed like this and will grow to fit new lines as you type:</p>
-			<div data-role="fieldcontain">
-			<label for="textarea">Textarea:</label>
-			<textarea name="textarea" id="textarea"></textarea>
-			</div>
-			<h2>Calling the textinput plugin</h2>
-			<p>This plugin will auto initialize on any page that contains a textarea or any of the text input types listed above without any need for a <code>data-role</code> attribute in the markup. However, if needed, you can directly call the <code>textinput</code> plugin on any selector, just like any jQuery plugin:</p>
-			<pre><code>
-$('input').textinput();
-			</code></pre>
-			<h2>Degraded input types</h2>
-			<p>jQuery Mobile degrades several HTML5 input types back to type=text or type=number after adding enhanced controls. For example, inputs with a type of range are enhanced with a custom slider control, and their type is set to number to offer a usable form input alongside that slider. Inputs with a type of search are degraded back to type=text after we add our own themable search input styling.</p>
-			<p>The page plugin contains a list of input types that are set to either true which means they'll degrade to type=text, false which means they'll be left alone, or a string such as "number", which means they'll be converted to that type (such as the case of type=range).</p>
-			<p>You can configure which types are changed via the page plugin's <code>degradeInputs</code> option, which can be manipulated externally via <code>$.mobile.page.prototype.options.degradeInputs</code>, which has properties: color, date, datetime, "datetime-local", email, month, number, range, search, tel, time, url, and week. Be sure to configure this inside an event handler bound to the <code>mobileinit</code> event, so that it applies to the first page as well as subsequent pages that are loaded.</p>
-	</form>
-	</div><!--/content-primary -->
-	<div class="content-secondary">
-		<div data-role="collapsible" data-collapsed="true" data-theme="b" data-content-theme="d">
-				<h3>More in this section</h3>
-				<ul data-role="listview" data-theme="c" data-dividertheme="d">
-					<li data-role="list-divider">Form elements</li>
-					<li><a href="../docs-forms.html">Form basics</a></li>
-					<li><a href="../forms-all.html">Form element gallery</a></li>
-					<li><a href="../forms-all-mini.html">Mini form element gallery</a></li>
-					<li data-theme="a"><a href="index.html">Text inputs</a></li>
-					<li><a href="../search/">Search input</a></li>
-					<li><a href="../slider/">Slider</a></li>
-					<li><a href="../switch/">Flip toggle switch</a></li>
-					<li><a href="../radiobuttons/">Radio buttons</a></li>
-					<li><a href="../checkboxes/">Checkboxes</a></li>
-					<li><a href="../selects/">Select menus</a></li>
-					<li><a href="../forms-themes.html">Theming forms</a></li>
-					<li><a href="../forms-all-native.html">Native form elements</a></li>
-					<li><a href="../forms-sample.html">Submitting forms</a></li>
-				</ul>
-		</div>
-	</div>
-</div><!-- /content -->
-<div data-role="footer" class="footer-docs" data-theme="c">
-		<p>&copy; 2011-12 The jQuery Foundation</p>
-</div>
-</div><!-- /page -->
-</body>
-</html>