Merge pull request jquery-archive#2166 from ovargas27/master

toddparker · toddparker · commit 1e0130655985 · 2011-07-28T19:55:49.000-07:00
Text Input plugin with new API docs format
diff --git a/docs/forms/docs-forms.html b/docs/forms/docs-forms.html
@@ -128,7 +128,7 @@ <h3>More in this section</h3>
 					<li data-role="list-divider">Form elements</li>
 					<li data-theme="a"><a href="docs-forms.html">Form basics</a></li>
 					<li><a href="forms-all.html">Form element gallery</a></li>
-					<li><a href="forms-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-all-native.html b/docs/forms/forms-all-native.html
@@ -218,7 +218,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-all.html b/docs/forms/forms-all.html
@@ -216,7 +216,7 @@ <h3>More in this section</h3>
 					<li data-role="list-divider">Form elements</li>
 					<li><a href="docs-forms.html">Form basics</a></li>
 					<li data-theme="a"><a href="forms-all.html">Form element gallery</a></li>
-					<li><a href="forms-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-checkboxes.html b/docs/forms/forms-checkboxes.html
@@ -124,7 +124,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-radiobuttons.html b/docs/forms/forms-radiobuttons.html
@@ -128,7 +128,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-sample-response.php b/docs/forms/forms-sample-response.php
@@ -49,7 +49,7 @@
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-sample-selfsubmit.php b/docs/forms/forms-sample-selfsubmit.php
@@ -50,7 +50,7 @@
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-sample.html b/docs/forms/forms-sample.html
@@ -62,7 +62,7 @@ <h3>More in this section</h3>
 							<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-text.html">Text inputs</a></li>
+              <li><a href="texts/index.html">Text inputs</a></li>
 							<li><a href="forms-search.html">Search inputs</a></li>
 							<li><a href="forms-slider.html">Slider</a></li>
 							<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-search.html b/docs/forms/forms-search.html
@@ -66,7 +66,7 @@ <h3>More in this section</h3>
 						<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-text.html">Text inputs</a></li>
+            <li><a href="texts/index.html">Text inputs</a></li>
 						<li data-theme="a"><a href="forms-search.html">Search inputs</a></li>
 						<li><a href="forms-slider.html">Slider</a></li>
 						<li><a href="forms-switch.html">Flip toggle switch</a></li>
@@ -92,4 +92,4 @@ <h3>More in this section</h3>
 
 	</body>
 	</html>
-	
+	
diff --git a/docs/forms/forms-slider.html b/docs/forms/forms-slider.html
@@ -76,7 +76,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li data-theme="a"><a href="forms-slider.html">Slider</a></li>
 					<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-switch.html b/docs/forms/forms-switch.html
@@ -73,7 +73,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="texts/index.html">Text inputs</a></li>
 					<li><a href="forms-search.html">Search inputs</a></li>
 					<li><a href="forms-slider.html">Slider</a></li>
 					<li data-theme="a"><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/forms-themes.html b/docs/forms/forms-themes.html
@@ -377,7 +377,7 @@ <h3>More in this section</h3>
 						<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-text.html">Text inputs</a></li>
+            <li><a href="texts/index.html">Text inputs</a></li>
 						<li><a href="forms-search.html">Search inputs</a></li>
 						<li><a href="forms-slider.html">Slider</a></li>
 						<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/index.html b/docs/forms/index.html
@@ -27,7 +27,7 @@ <h1>Form elements</h1>
 		<ul data-role="listview" data-inset="true">
 			<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-text.html">Text inputs</a></li>
+			<li><a href="texts/index.html">Text inputs</a></li>
 			<li><a href="forms-search.html">Search inputs</a></li>
 			<li><a href="forms-slider.html">Slider</a></li>
 			<li><a href="forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/plugin-eventsmethods.html b/docs/forms/plugin-eventsmethods.html
@@ -190,7 +190,7 @@ <h3>More in this section</h3>
 						<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-text.html">Text inputs</a></li>
+            <li><a href="texts/index.html">Text inputs</a></li>
 						<li><a href="forms-search.html">Search inputs</a></li>
 						<li><a href="forms-slider.html">Slider</a></li>
 						<li><a href="forms-switch.html">Flip toggle switch</a></li>
@@ -216,4 +216,3 @@ <h3>More in this section</h3>
 
 	</body>
 	</html>
-	
diff --git a/docs/forms/selects/events.html b/docs/forms/selects/events.html
@@ -73,7 +73,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="../texts/index.html">Text inputs</a></li>
 					<li><a href="../forms-search.html">Search inputs</a></li>
 					<li><a href="../forms-slider.html">Slider</a></li>
 					<li><a href="../forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/selects/index.html b/docs/forms/selects/index.html
@@ -458,7 +458,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="../texts/index.html">Text inputs</a></li>
 					<li><a href="../forms-search.html">Search inputs</a></li>
 					<li><a href="../forms-slider.html">Slider</a></li>
 					<li><a href="../forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/selects/methods.html b/docs/forms/selects/methods.html
@@ -94,7 +94,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="../texts/index.html">Text inputs</a></li>
 					<li><a href="../forms-search.html">Search inputs</a></li>
 					<li><a href="../forms-slider.html">Slider</a></li>
 					<li><a href="../forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/selects/options.html b/docs/forms/selects/options.html
@@ -120,7 +120,7 @@ <h3>More in this section</h3>
 					<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-text.html">Text inputs</a></li>
+					<li><a href="../texts/index.html">Text inputs</a></li>
 					<li><a href="../forms-search.html">Search inputs</a></li>
 					<li><a href="../forms-slider.html">Slider</a></li>
 					<li><a href="../forms-switch.html">Flip toggle switch</a></li>
diff --git a/docs/forms/texts/events.html b/docs/forms/texts/events.html
@@ -0,0 +1,101 @@
+<!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="../../../themes/default/" />
+	<link rel="stylesheet" href="../../_assets/css/jqm-docs.css"/>
+	<script src="../../../js/jquery.js"></script>
+	<script src="../../../experiments/themeswitcher/jquery.mobile.themeswitcher.js"></script>
+	<script src="../../_assets/js/jqm-docs.js"></script>
+	<script src="../../../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" class="ui-btn-right jqm-home">Home</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>Since the native text inputs and textareas are used as a proxy for the custom text inputs, you can watch for events on the original, native text input and textareas instead of needing to go through the text input plugin. Bind to the change event by type: change, blur, focus, keypress, click, 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>
+			<p>This event is used to find out when a custom text input was created. It is not used to create a custom text input. The text input create event can be used like this: </p>
+
+			<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">
+			
+				<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 data-theme="a"><a href="index.html">Text inputs</a></li>
+					<li><a href="../forms-search.html">Search inputs</a></li>
+					<li><a href="../forms-slider.html">Slider</a></li>
+					<li><a href="../forms-switch.html">Flip toggle switch</a></li>
+					<li><a href="../forms-radiobuttons.html">Radio buttons</a></li>
+					<li><a href="../forms-checkboxes.html">Checkboxes</a></li>
+					<li><a href="../selects/index.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><a href="../forms-sample.html">Submitting forms</a></li>
+					<li><a href="../plugin-eventsmethods.html">Plugin methods</a></li>
+	
+				</ul>
+		</div>
+	</div>		
+
+</div><!-- /content -->
+
+<div data-role="footer" class="footer-docs" data-theme="c">
+		<p>&copy; 2011 The jQuery Project</p>
+</div>
+	
+</div><!-- /page -->
+
+</body>
+</html>
+
diff --git a/docs/forms/texts/forms-text.html b/docs/forms/texts/forms-text.html
diff --git a/docs/forms/texts/index.html b/docs/forms/texts/index.html
diff --git a/docs/forms/texts/methods.html b/docs/forms/texts/methods.html
diff --git a/docs/forms/texts/options.html b/docs/forms/texts/options.html
