Location: PHPKode > scripts > GigKalender > includes/jquery_new/development-bundle/demos/autocomplete/maxheight.html
<!DOCTYPE html>
<html lang="en">
	<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.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">
	.ui-autocomplete {
		max-height: 100px;
		overflow-y: auto;
	/* 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;
	$(function() {
		var availableTags = [
		$( "#tags" ).autocomplete({
			source: availableTags
<div class="demo">

<div class="ui-widget">
	<label for="tags">Tags: </label>
	<input id="tags" />

</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 -->

Return current item: GigKalender