corrade-http-templates
| /inventoryBrowser/node_modules/jquery-ui/demos/autocomplete/maxheight.html |
|---|
| @@ -0,0 +1,65 @@ |
| <!doctype html> |
| <html lang="en"> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> |
| <title>jQuery UI Autocomplete - Scrollable results</title> |
| <link rel="stylesheet" href="../../themes/base/all.css"> |
| <link rel="stylesheet" href="../demos.css"> |
| <style> |
| .ui-autocomplete { |
| max-height: 100px; |
| overflow-y: auto; |
| /* prevent horizontal scrollbar */ |
| overflow-x: hidden; |
| } |
| /* IE 6 doesn't support max-height |
| * we use height instead, but this forces the menu to always be this tall |
| */ |
| * html .ui-autocomplete { |
| height: 100px; |
| } |
| </style> |
| <script src="../../external/requirejs/require.js"></script> |
| <script src="../bootstrap.js"> |
| var availableTags = [ |
| "ActionScript", |
| "AppleScript", |
| "Asp", |
| "BASIC", |
| "C", |
| "C++", |
| "Clojure", |
| "COBOL", |
| "ColdFusion", |
| "Erlang", |
| "Fortran", |
| "Groovy", |
| "Haskell", |
| "Java", |
| "JavaScript", |
| "Lisp", |
| "Perl", |
| "PHP", |
| "Python", |
| "Ruby", |
| "Scala", |
| "Scheme" |
| ]; |
| $( "#tags" ).autocomplete({ |
| source: availableTags |
| }); |
| </script> |
| </head> |
| <body> |
| <div class="ui-widget"> |
| <label for="tags">Tags: </label> |
| <input id="tags"> |
| </div> |
| <div class="demo-description"> |
| <p>When displaying a long list of options, you can simply set the max-height for the autocomplete menu to prevent the menu from growing too large. Try typing "a" or "s" above to get a long list of results that you can scroll through.</p> |
| </div> |
| </body> |
| </html> |