aboutsummaryrefslogtreecommitdiffstats
path: root/include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html
diff options
context:
space:
mode:
Diffstat (limited to 'include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html')
-rw-r--r--include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html79
1 files changed, 0 insertions, 79 deletions
diff --git a/include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html b/include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html
deleted file mode 100644
index 1b6b2bd56..000000000
--- a/include/jquery_ui/development-bundle/demos/autocomplete/maxheight.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
- <meta charset="utf-8">
- <title>jQuery UI Autocomplete - Scrollable results</title>
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
- <script src="../../jquery-1.7.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 {
- max-height: 100px;
- overflow-y: auto;
- /* prevent horizontal scrollbar */
- overflow-x: hidden;
- /* add padding to account for vertical scrollbar */
- padding-right: 20px;
- }
- /* 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>
- $(function() {
- 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="demo">
-
-<div class="ui-widget">
- <label for="tags">Tags: </label>
- <input id="tags" />
-</div>
-
-</div><!-- End demo -->
-
-
-
-<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><!-- End demo-description -->
-
-</body>
-</html>