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/forms-sample-response.php DELETED Viewed

@@ -1,81 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Sample form response</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="../../js/jquery.js"></script>
-	<script src="../_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="e">
-		<h1>Sample form response</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" data-theme="c">
-		<div class="content-primary">
-		<form action="index.html" method="get">
-			<h2>You Chose:</h2>
-			<div class="ui-body ui-body-d ui-corner-all">
-			<?php
-				echo "<p> " . $_REQUEST['shipping'] . "</p>";
-			?>
-			</div>
-			<a href="forms-sample.html" data-role="button" data-theme="b" data-icon="arrow-l">Change shipping method</a>
-	</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="textinputs/">Text inputs</a></li>
-					<li><a href="search/">Search inputs</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="forms-selects.html">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 data-theme="a"><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/forms-sample-selfsubmit.php DELETED Viewed

@@ -1,80 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Sample Form Submit to Self</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="../../js/jquery.js"></script>
-	<script src="../_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>Sample form submit to self</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" data-theme="c">
-		<div class="content-primary">
-		<form action="forms-sample-selfsubmit.php" method="post">
-			<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">
-			    <legend>Testing</legend>
-			    <div>
-			    	<?php $g = $_REQUEST['gender']; ?>
-			        <input type="radio" name="gender" value="m" id="gender-1" <?=$g=="m"? "checked": ""; ?> /><label for="gender-1">Male</label>
-			        <input type="radio" name="gender" value="f" id="gender-2" <?=$g=="f"? "checked": ""; ?> /><label for="gender-2">Female</label>
-			    </div>
-			</fieldset>
-			<button type="submit">Submit</submit>
-	</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/">Text inputs</a></li>
-					<li><a href="search/">Search inputs</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="forms-selects.html">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 data-theme="a"><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/forms-sample.html DELETED Viewed

@@ -1,114 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Sample Form Submit</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="../../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>Forms</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">
-			<h2>Ajax form submission</h2>
-			<p>In jQuery Mobile, form submissions are automatically handled using Ajax whenever possible, creating a smooth transition between the form and the result page. To ensure your form submits as intended, be sure to specify <code>action</code> and <code>method</code> properties on your form element. When unspecified, the method will default to <code>get</code>, and the <code>action</code> will default to the current page's relative path (found via <code>$.mobile.path.get()</code>)</p>
-			<p>Forms also accept attributes for transitions just like anchors, such as <code>data-transition="pop"</code> and <code>data-direction="reverse"</code>. To submit a form without Ajax, you can either disable Ajax form handling globally, or per form via the <code>data-ajax="false"</code> attribute. The <code>target</code> attribute (as in <code>target="_blank"</code>) is respected on forms as well, and will default to the browser's handling of that target when the form submits. Note that unlike anchors, the <code>rel</code> attribute is not allowed on forms.</p>
-            <h2>Default Ajax form example</h2>
-            <p>This demonstrates automated ajax handling of form submissions. The form below is configured to send a <code>GET</code> request to <code>forms-sample-response.php</code>. On submit, jQuery Mobile will make sure that the Url specified is able to be retrieved via Ajax, and handle it appropriately. Keep in mind that just like ordinary HTTP form submissions, jQuery Mobile allows <code>GET</code> result pages to be bookmarked by updating the URL hash when the response returns successfully. Also like ordinary form submissions, <code>POST</code> requests do not contain query parameters in the hash, so they are not bookmarkable.</p>
-			<form action="forms-sample-response.php" method="get" class="ui-body ui-body-a ui-corner-all">
-				<fieldset>
-					<div data-role="fieldcontain">
-						<label for="shipping" class="select">Shipping method:</label>
-						<select name="shipping" id="shipping">
-							<option value="Standard shipping">Standard: 7 day</option>
-							<option value="Rush shipping">Rush: 3 days</option>
-							<option value="Express shipping">Express: next day</option>
-							<option value="Overnight shipping">Overnight</option>
-						</select>
-					</div>
-					<button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
-				</fieldset>
-			</form>
-			<h2>Non-Ajax form example</h2>
-			 <p>To prevent form submissions from being automatically handled with Ajax, add the <code>data-ajax="false"</code> attribute to the form element. You can also turn off Ajax form handling completely via the <code>ajaxEnabled</code> <a href="../api/globalconfig.html">global config option</a>.</p>
-            <p>The form below is identical to the one above except for the addition of the <code>data-ajax="false"</code> attribute. When the submit button is pressed, it will result in a full page refresh.</p>
-			<form action="forms-sample-response.php" method="get" data-ajax="false" class="ui-body ui-body-a ui-corner-all">
-				<fieldset>
-					<div data-role="fieldcontain">
-						<label for="shipping" class="select">Shipping method:</label>
-						<select name="shipping" id="shipping">
-							<option value="Standard shipping">Standard: 7 day</option>
-							<option value="Rush shipping">Rush: 3 days</option>
-							<option value="Express shipping">Express: next day</option>
-							<option value="Overnight shipping">Overnight</option>
-						</select>
-					</div>
-					<button type="submit" data-theme="b" name="submit" value="submit-value">Submit</button>
-				</fieldset>
-			</form>
-			<h2>Self-submitting Forms</h2>
-			<p>You can submit forms to the same URL you're currently viewing by setting the form's <code>action</code> attribute to that URL. <A href="forms-sample-selfsubmit.php">This page demonstrates.</a></p>
-			<p>When a <code>POST</code> request is submitted to a page that's already in the DOM (which would commonly happen when submitting a form to the same URL currently in view), the response URL will be identical to that existing page, as <code>POST</code> requests do not append query string parameters to the URL. In this situation, jQuery Mobile will replace the page that submitted the form with the page returned in the response body.</p>
-			</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/">Text inputs</a></li>
-							<li><a href="search/">Search inputs</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 data-theme="a"><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/forms-themes.html DELETED Viewed

@@ -1,408 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>jQuery Mobile Docs - Theming Forms</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="../../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>Theming forms</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">
-    <h2>Form themes</h2>
-    <p>jQuery Mobile has a rich <a href="../api/themes.html">theming system</a> that gives you full control of how pages and forms are styled. By default all form elements inside a container will automatically adopt the same theme color swatch as their parent. This allows form elements to blend into their layouts with minimal work. The <code> data-theme</code> attribute can be applied to any individual form element to apply any of the lettered theme color swatches to create contrast and emphasis in your designs.</p>
-    <p>All the form elements in the examples below use the same HTML code with no theme swatch specified on the individual form elements. The only difference between each example block code is a <code> data-theme</code> swatch color assigned to each parent container. This illustrates the way form elements automatically adopt the theme swatch of their parent.</p>
-	<h2>Body swatch A</h2>
-	<div class="ui-body ui-body-a">
-		<div data-role="fieldcontain">
-         <label for="name-a">Text Input:</label>
-         <input type="text" name="name" id="name-a" value=""  />
-		</div>
-		<div data-role="fieldcontain">
-			<label for="switch-a">Flip switch:</label>
-			<select name="switch-a" id="switch-a" data-role="slider">
-				<option value="off">Off</option>
-				<option value="on">On</option>
-			</select>
-		</div>
-		<div data-role="fieldcontain">
-			<label for="slider-a">Slider:</label>
-		 	<input type="range" name="slider" id="slider-a" value="0" min="0" max="100"  />
-		</div>
-		<div data-role="fieldcontain">
-		<fieldset data-role="controlgroup" data-type="horizontal">
-	    	<legend>Font styling:</legend>
-	    	<input type="checkbox" name="checkbox-6a" id="checkbox-6a" class="custom" />
-			<label for="checkbox-6a">b</label>
-			<input type="checkbox" name="checkbox-7a" id="checkbox-7a" class="custom" />
-			<label for="checkbox-7a"><em>i</em></label>
-			<input type="checkbox" name="checkbox-8a" id="checkbox-8a" class="custom" />
-			<label for="checkbox-8a">u</label>
-	    </fieldset>
-		</div>
-		<div data-role="fieldcontain">
-		    <fieldset data-role="controlgroup">
-		    	<legend>Choose a pet:</legend>
-		         	<input type="radio" name="radio-choice-1" id="radio-choice-1a" value="choice-1" />
-		         	<label for="radio-choice-1a">Cat</label>
-		         	<input type="radio" name="radio-choice-1" id="radio-choice-2a" value="choice-2"  />
-		         	<label for="radio-choice-2a">Dog</label>
-		         	<input type="radio" name="radio-choice-1" id="radio-choice-3a" value="choice-3"  />
-		         	<label for="radio-choice-3a">Hamster</label>
-		         	<input type="radio" name="radio-choice-1" id="radio-choice-4a" value="choice-4"  />
-		         	<label for="radio-choice-4a">Lizard</label>
-		    </fieldset>
-		</div>
-		<div data-role="fieldcontain">
-			<label for="select-choice-a" class="select">Choose shipping method:</label>
-			<select name="select-choice-a" id="select-choice-a">
-				<option value="standard">Standard: 7 day</option>
-				<option value="rush">Rush: 3 days</option>
-				<option value="express">Express: next day</option>
-				<option value="overnight">Overnight</option>
-			</select>
-		</div>
-		</div><!-- /body-a -->
-		<h2>Body swatch B</h2>
-		<div class="ui-body ui-body-b">
-			<div data-role="fieldcontain">
-	         <label for="name-b">Text Input:</label>
-	         <input type="text" name="name" id="name-b" value=""  />
-			</div>
-			<div data-role="fieldcontain">
-				<label for="switch-b">Flip switch:</label>
-				<select name="switch-b" id="switch-b" data-role="slider">
-					<option value="off">Off</option>
-					<option value="on">On</option>
-				</select>
-			</div>
-			<div data-role="fieldcontain">
-				<label for="slider-b">Slider:</label>
-			 	<input type="range" name="slider" id="slider-b" value="0" min="0" max="100"  />
-			</div>
-			<div data-role="fieldcontain">
-			<fieldset data-role="controlgroup" data-type="horizontal">
-		    	<legend>Font styling:</legend>
-		    	<input type="checkbox" name="checkbox-6b" id="checkbox-6b" class="custom" />
-				<label for="checkbox-6b">b</label>
-				<input type="checkbox" name="checkbox-7b" id="checkbox-7b" class="custom" />
-				<label for="checkbox-7b"><em>i</em></label>
-				<input type="checkbox" name="checkbox-8b" id="checkbox-8b" class="custom" />
-				<label for="checkbox-8b">u</label>
-		    </fieldset>
-			</div>
-			<div data-role="fieldcontain">
-			    <fieldset data-role="controlgroup">
-			    	<legend>Choose a pet:</legend>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-1b" value="choice-1" />
-			         	<label for="radio-choice-1b">Cat</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-2b" value="choice-2"  />
-			         	<label for="radio-choice-2b">Dog</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-3b" value="choice-3"  />
-			         	<label for="radio-choice-3b">Hamster</label>
-			         	<input type="radio" name="radio-choice-1" id="radio-choice-4b" value="choice-4"  />
-			         	<label for="radio-choice-4b">Lizard</label>
-			    </fieldset>
-			</div>
-			<div data-role="fieldcontain">
-				<label for="select-choice-b" class="select">Choose shipping method:</label>
-				<select name="select-choice-b" id="select-choice-b">
-					<option value="standard">Standard: 7 day</option>
-					<option value="rush">Rush: 3 days</option>
-					<option value="express">Express: next day</option>
-					<option value="overnight">Overnight</option>
-				</select>
-			</div>
-			</div><!-- /body-b -->
-			<h2>Body swatch C</h2>
-			<div class="ui-body ui-body-c">
-				<div data-role="fieldcontain">
-		         <label for="name-c">Text Input:</label>
-		         <input type="text" name="name" id="name-c" value=""  />
-				</div>
-				<div data-role="fieldcontain">
-					<label for="switch-c">Flip switch:</label>
-					<select name="switch-c" id="switch-c" data-role="slider">
-						<option value="off">Off</option>
-						<option value="on">On</option>
-					</select>
-				</div>
-				<div data-role="fieldcontain">
-					<label for="slider-c">Slider:</label>
-				 	<input type="range" name="slider" id="slider-c" value="0" min="0" max="100"  />
-				</div>
-				<div data-role="fieldcontain">
-				<fieldset data-role="controlgroup" data-type="horizontal">
-			    	<legend>Font styling:</legend>
-			    	<input type="checkbox" name="checkbox-6c" id="checkbox-6c" class="custom" />
-					<label for="checkbox-6c">b</label>
-					<input type="checkbox" name="checkbox-7c" id="checkbox-7c" class="custom" />
-					<label for="checkbox-7c"><em>i</em></label>
-					<input type="checkbox" name="checkbox-8c" id="checkbox-8c" class="custom" />
-					<label for="checkbox-8c">u</label>
-			    </fieldset>
-				</div>
-				<div data-role="fieldcontain">
-				    <fieldset data-role="controlgroup">
-				    	<legend>Choose a pet:</legend>
-				         	<input type="radio" name="radio-choice-1" id="radio-choice-1c" value="choice-1" />
-				         	<label for="radio-choice-1c">Cat</label>
-				         	<input type="radio" name="radio-choice-1" id="radio-choice-2c" value="choice-2"  />
-				         	<label for="radio-choice-2c">Dog</label>
-				         	<input type="radio" name="radio-choice-1" id="radio-choice-3c" value="choice-3"  />
-				         	<label for="radio-choice-3c">Hamster</label>
-				         	<input type="radio" name="radio-choice-1" id="radio-choice-4c" value="choice-4"  />
-				         	<label for="radio-choice-4c">Lizard</label>
-				    </fieldset>
-				</div>
-				<div data-role="fieldcontain">
-					<label for="select-choice-c" class="select">Choose shipping method:</label>
-					<select name="select-choice-c" id="select-choice-c">
-						<option value="standard">Standard: 7 day</option>
-						<option value="rush">Rush: 3 days</option>
-						<option value="express">Express: next day</option>
-						<option value="overnight">Overnight</option>
-					</select>
-				</div>
-				</div><!-- /body-c -->
-				<h2>Body swatch D</h2>
-				<div class="ui-body ui-body-d">
-					<div data-role="fieldcontain">
-			         <label for="name-d">Text Input:</label>
-			         <input type="text" name="name" id="name-d" value=""  />
-					</div>
-					<div data-role="fieldcontain">
-						<label for="switch-d">Flip switch:</label>
-						<select name="switch-d" id="switch-d" data-role="slider">
-							<option value="off">Off</option>
-							<option value="on">On</option>
-						</select>
-					</div>
-					<div data-role="fieldcontain">
-						<label for="slider-d">Slider:</label>
-					 	<input type="range" name="slider" id="slider-d" value="0" min="0" max="100"  />
-					</div>
-					<div data-role="fieldcontain">
-					<fieldset data-role="controlgroup" data-type="horizontal">
-				    	<legend>Font styling:</legend>
-				    	<input type="checkbox" name="checkbox-6d" id="checkbox-6d" class="custom" />
-						<label for="checkbox-6d">b</label>
-						<input type="checkbox" name="checkbox-7d" id="checkbox-7d" class="custom" />
-						<label for="checkbox-7d"><em>i</em></label>
-						<input type="checkbox" name="checkbox-8d" id="checkbox-8d" class="custom" />
-						<label for="checkbox-8d">u</label>
-				    </fieldset>
-					</div>
-					<div data-role="fieldcontain">
-					    <fieldset data-role="controlgroup">
-					    	<legend>Choose a pet:</legend>
-					         	<input type="radio" name="radio-choice-1" id="radio-choice-1d" value="choice-1" />
-					         	<label for="radio-choice-1d">Cat</label>
-					         	<input type="radio" name="radio-choice-1" id="radio-choice-2d" value="choice-2"  />
-					         	<label for="radio-choice-2d">Dog</label>
-					         	<input type="radio" name="radio-choice-1" id="radio-choice-3d" value="choice-3"  />
-					         	<label for="radio-choice-3d">Hamster</label>
-					         	<input type="radio" name="radio-choice-1" id="radio-choice-4d" value="choice-4"  />
-					         	<label for="radio-choice-4d">Lizard</label>
-					    </fieldset>
-					</div>
-					<div data-role="fieldcontain">
-						<label for="select-choice-d" class="select">Choose shipping method:</label>
-						<select name="select-choice-d" id="select-choice-d">
-							<option value="standard">Standard: 7 day</option>
-							<option value="rush">Rush: 3 days</option>
-							<option value="express">Express: next day</option>
-							<option value="overnight">Overnight</option>
-						</select>
-					</div>
-					</div><!-- /body-d -->
-					<h2>Body swatch E</h2>
-					<div class="ui-body ui-body-e">
-						<div data-role="fieldcontain">
-				         <label for="name-e">Text Input:</label>
-				         <input type="text" name="name" id="name-e" value=""  />
-						</div>
-						<div data-role="fieldcontain">
-							<label for="switch-e">Flip switch:</label>
-							<select name="switch-e" id="switch-e" data-role="slider">
-								<option value="off">Off</option>
-								<option value="on">On</option>
-							</select>
-						</div>
-						<div data-role="fieldcontain">
-							<label for="slider-e">Slider:</label>
-						 	<input type="range" name="slider" id="slider-e" value="0" min="0" max="100"  />
-						</div>
-						<div data-role="fieldcontain">
-						<fieldset data-role="controlgroup" data-type="horizontal">
-					    	<legend>Font styling:</legend>
-					    	<input type="checkbox" name="checkbox-6e" id="checkbox-6e" class="custom" />
-							<label for="checkbox-6e">b</label>
-							<input type="checkbox" name="checkbox-7e" id="checkbox-7e" class="custom" />
-							<label for="checkbox-7e"><em>i</em></label>
-							<input type="checkbox" name="checkbox-8e" id="checkbox-8e" class="custom" />
-							<label for="checkbox-8e">u</label>
-					    </fieldset>
-						</div>
-						<div data-role="fieldcontain">
-						    <fieldset data-role="controlgroup">
-						    	<legend>Choose a pet:</legend>
-						         	<input type="radio" name="radio-choice-1" id="radio-choice-1e" value="choice-1" />
-						         	<label for="radio-choice-1e">Cat</label>
-						         	<input type="radio" name="radio-choice-1" id="radio-choice-2e" value="choice-2"  />
-						         	<label for="radio-choice-2e">Dog</label>
-						         	<input type="radio" name="radio-choice-1" id="radio-choice-3e" value="choice-3"  />
-						         	<label for="radio-choice-3e">Hamster</label>
-						         	<input type="radio" name="radio-choice-1" id="radio-choice-4e" value="choice-4"  />
-						         	<label for="radio-choice-4e">Lizard</label>
-						    </fieldset>
-						</div>
-						<div data-role="fieldcontain">
-							<label for="select-choice-e" class="select">Choose shipping method:</label>
-							<select name="select-choice-e" id="select-choice-e">
-								<option value="standard">Standard: 7 day</option>
-								<option value="rush">Rush: 3 days</option>
-								<option value="express">Express: next day</option>
-								<option value="overnight">Overnight</option>
-							</select>
-						</div>
-						</div><!-- /body-e -->
-		</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/">Text inputs</a></li>
-						<li><a href="search/">Search inputs</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 data-theme="a"><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>