diff options
Diffstat (limited to 'apps/it/static/js/ui/demos/autocomplete/categories.html')
-rw-r--r-- | apps/it/static/js/ui/demos/autocomplete/categories.html | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/apps/it/static/js/ui/demos/autocomplete/categories.html b/apps/it/static/js/ui/demos/autocomplete/categories.html deleted file mode 100644 index 6601ebc..0000000 --- a/apps/it/static/js/ui/demos/autocomplete/categories.html +++ /dev/null @@ -1,67 +0,0 @@ -<!doctype html> -<html lang="en"> -<head> - <meta charset="utf-8"> - <title>jQuery UI Autocomplete - Categories</title> - <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.10.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.menu.js"></script> - <script src="../../ui/jquery.ui.autocomplete.js"></script> - <link rel="stylesheet" href="../demos.css"> - <style> - .ui-autocomplete-category { - font-weight: bold; - padding: .2em .4em; - margin: .8em 0 .2em; - line-height: 1.5; - } - </style> - <script> - $.widget( "custom.catcomplete", $.ui.autocomplete, { - _renderMenu: function( ul, items ) { - var that = this, - currentCategory = ""; - $.each( items, function( index, item ) { - if ( item.category != currentCategory ) { - ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" ); - currentCategory = item.category; - } - that._renderItemData( ul, item ); - }); - } - }); - </script> - <script> - $(function() { - var data = [ - { label: "anders", category: "" }, - { label: "andreas", category: "" }, - { label: "antal", category: "" }, - { label: "annhhx10", category: "Products" }, - { label: "annk K12", category: "Products" }, - { label: "annttop C13", category: "Products" }, - { label: "anders andersson", category: "People" }, - { label: "andreas andersson", category: "People" }, - { label: "andreas johnson", category: "People" } - ]; - - $( "#search" ).catcomplete({ - delay: 0, - source: data - }); - }); - </script> -</head> -<body> - -<label for="search">Search: </label> -<input id="search"> - -<div class="demo-description"> -<p>A categorized search result. Try typing "a" or "n".</p> -</div> -</body> -</html> |