diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2010-09-09 22:24:52 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2010-09-09 22:33:28 -0400 |
| commit | df932bbba35be7f2e6f741ee114644e536774a76 (patch) | |
| tree | 967ba449667ca5ac54273482abcfa07e35dcf171 /demos/autocomplete/remote-with-cache.html | |
| parent | 83244d933c481c6abdb2f957172d991212321d16 (diff) | |
| download | jquery-ui-df932bbba35be7f2e6f741ee114644e536774a76.tar.gz jquery-ui-df932bbba35be7f2e6f741ee114644e536774a76.zip | |
Autocomplete demos: Coding standards.
Diffstat (limited to 'demos/autocomplete/remote-with-cache.html')
| -rw-r--r-- | demos/autocomplete/remote-with-cache.html | 32 |
1 files changed, 15 insertions, 17 deletions
diff --git a/demos/autocomplete/remote-with-cache.html b/demos/autocomplete/remote-with-cache.html index 77741fbe9..09eb6c0d3 100644 --- a/demos/autocomplete/remote-with-cache.html +++ b/demos/autocomplete/remote-with-cache.html @@ -1,25 +1,25 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="UTF-8" /> + <meta charset="utf-8" /> <title>jQuery UI Autocomplete Remote with caching demo</title> - <link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> - <script type="text/javascript" src="../../jquery-1.4.2.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> - <script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script> - <link type="text/css" href="../demos.css" rel="stylesheet" /> - <style type="text/css"> + <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> + <script src="../../jquery-1.4.2.js"></script> + <script src="../../ui/jquery.ui.core.js"></script> + <script src="../../ui/jquery.ui.widget.js"></script> + <script src="../../ui/jquery.ui.position.js"></script> + <script src="../../ui/jquery.ui.autocomplete.js"></script> + <link rel="stylesheet" href="../demos.css"> + <style> .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } </style> - <script type="text/javascript"> + <script> $(function() { var cache = {}, lastXhr; $( "#birds" ).autocomplete({ minLength: 2, - source: function(request, response) { + source: function( request, response ) { var term = request.term; if ( term in cache ) { response( cache[ term ] ); @@ -48,13 +48,11 @@ </div><!-- End demo --> + + <div class="demo-description"> -<p> -The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field. -</p> -<p> -Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term. -</p> +<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are bird names, displayed when at least two characters are entered into the field.</p> +<p>Similar to the remote datasource demo, though this adds some local caching to improve performance. The cache here saves just one query, and could be extended to cache multiple values, one for each term.</p> </div><!-- End demo-description --> </body> |