Permalink
Browse files

Added descriptions of extensions.

  • Loading branch information...
1 parent f055d21 commit e301ee794ae224ccb3d865ce81d71994ad85efd5 @scottgonzalez committed Aug 20, 2010
@@ -9,6 +9,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="jquery.ui.autocomplete.accentFolding.js"></script>
+ <script src="demo.js"></script>
<script>
$(function() {
$( "#autocomplete" ).autocomplete({
@@ -9,6 +9,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="jquery.ui.autocomplete.autoSelect.js"></script>
+ <script src="demo.js"></script>
<script>
$(function() {
function log( str ) {
View
@@ -0,0 +1,13 @@
+.source {
+ margin-top: 2em;
+}
+
+.source p,
+.source pre {
+ margin: 0.25em 0;
+ padding: 0;
+}
+
+.source .note {
+ font-style: italic;
+}
View
@@ -0,0 +1,34 @@
+$(function() {
+
+var sourceView = $( "<div></div>", {
+ "class": "source"
+ })
+ .appendTo( "body" );
+
+$( "<p>This demo is powered by the following code:</p>").appendTo( sourceView );
+$( "<p>Look at the source option to see the possible values.</p>")
+ .addClass( "note" )
+ .appendTo( sourceView );
+
+$("script:not([src])").each(function() {
+ var lines = $( this ).html().split( "\n" );
+ lines.shift();
+
+ // unindent by one tab
+ // join on \r\n instead of just \n for IE
+ var src = $.map( lines, function( line ) {
+ return line.substring(1);
+ }).join( "\r\n" );
+
+ // append source to the page
+ $( "<pre></pre>" )
+ .text( src )
+ .appendTo( sourceView );
+});
+
+// load the CSS, reduces files that need to be included in the actual demo
+$.get( "demo.css", function( content ) {
+ $( "<style>" + content + "</style>" ).appendTo( "body" );
+});
+
+});
@@ -9,6 +9,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="jquery.ui.autocomplete.html.js"></script>
+ <script src="demo.js"></script>
<script>
$(function() {
$( "#autocomplete" ).autocomplete({
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>jQuery UI Autocomplete Extensions</title>
+
+ <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css">
+ <link rel="stylesheet" type="text/css" href="../listing.css">
+</head>
+<body>
+
+<h1>jQuery UI Autocomplete Extensions</h1>
+
+<div class="ui-widget">
+<p>These are extensions to the <a href="http://docs.jquery.com/UI/Autocomplete">jQuery UI Autocomplete</a> widget.</p>
+</div>
+
+<div class="ui-widget">
+ <div class="ui-widget-header">
+ <h2><a href="accentFolding.html">Accent Folding</a></h2>
+ </div>
+ <div class="ui-widget-content">
+ <p>Enable accent folding in your search terms. This makes it possible to search for values that contain accents without requiring the user to type the accented characters. For example, a user could search for "Jörn" by simply typing "Jorn".</p>
+ <h3>API</h3>
+ <p>This extension does not expose any API. Accent folding is automatically enabled for all autocomplete fields.</p>
+ </div>
+</div>
+
+<div class="ui-widget">
+ <div class="ui-widget-header">
+ <h2><a href="autoSelect.html">Auto Select</a></h2>
+ </div>
+ <div class="ui-widget-content">
+ <p>Automatically select an item if the user types a valid value and leaves the text field without explicitly selecting the item from the menu.</p>
+ <h3>API</h3>
+ <p>This extension does not expose any API. Values are automatically selected for all autocomplete fields if there is a perfect match in the results.</p>
+ </div>
+</div>
+
+<div class="ui-widget">
+ <div class="ui-widget-header">
+ <h2><a href="html.html">HTML labels</a></h2>
+ </div>
+ <div class="ui-widget-content">
+ <p>Allow HTML to be displayed for each item's label.</p>
+ <h3>API</h3>
+ <p>This extension adds a boolean <code>html</code> option. When set to true, the label will be interpreted as HTML. When set to false, the label will be interpreted as text.</p>
+ </div>
+</div>
+
+<div class="ui-widget">
+ <div class="ui-widget-header">
+ <h2><a href="selectFirst.html">Select First Item</a></h2>
+ </div>
+ <div class="ui-widget-content">
+ <p>Automatically place focus on the first item in the menu. This reduces the number of keystrokes necessary to choose an item.</p>
+ <h3>API</h3>
+ <p>This extension adds a boolean <code>selectFirst</code> option. When set to true, the first item in the menu will automatically be focused when the menu is shown.</p>
+ </div>
+</div>
+
+</body>
+</html>
@@ -9,6 +9,7 @@
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
<script src="jquery.ui.autocomplete.selectFirst.js"></script>
+ <script src="demo.js"></script>
<script>
$(function() {
$( "#autocomplete" ).autocomplete({
View
@@ -0,0 +1,30 @@
+<!doctype html>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>jQuery UI Dialog Extensions</title>
+
+ <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/base/jquery-ui.css">
+ <link rel="stylesheet" type="text/css" href="../listing.css">
+</head>
+<body>
+
+<h1>jQuery UI Dialog Extensions</h1>
+
+<div class="ui-widget">
+<p>These are extensions to the <a href="http://docs.jquery.com/UI/Dialog">jQuery UI Dialog</a> widget.</p>
+</div>
+
+<div class="ui-widget">
+ <div class="ui-widget-header">
+ <h2><a href="autoReposition.html">Auto Reposition</a></h2>
+ </div>
+ <div class="ui-widget-content">
+ <p>Automatically reposition dialogs when the window is resized.</p>
+ <h3>API</h3>
+ <p>This extension does not expose any API. All open dialogs are automatically repositioned when the window is resized.</p>
+ </div>
+</div>
+
+</body>
+</html>
View
@@ -0,0 +1,14 @@
+body {
+ font-size: 62.5%;
+}
+.ui-widget {
+ margin-top: 2em;
+}
+.ui-widget-header,
+.ui-widget-content {
+ padding: 0.5em 1em;
+}
+.ui-widget-header h2 {
+ margin: 0;
+ pading: 0;
+}

0 comments on commit e301ee7

Please sign in to comment.