Mercurial Mercurial > eulalie / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/player/css/jq-css/demos/autocomplete/remote.html
author ymh <ymh.work@gmail.com>
Mon, 12 Jul 2010 12:01:22 +0200
changeset 57 3a3c15c462f8
parent 1 436d4791d7ac
parent 51 2d6866072851
permissions -rw-r--r--
Merge with da0957782d03935d99e10137f123191a9c843391
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
51
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     1
 
<!DOCTYPE html>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     2
 
<html lang="en">
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     3
 
<head>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     4
 
	<meta charset="UTF-8" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     5
 
	<title>jQuery UI Autocomplete Remote datasource demo</title>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     6
 
	<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     7
 
	<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     8
 
	<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
     9
 
	<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    10
 
	<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    11
 
	<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    12
 
	<link type="text/css" href="../demos.css" rel="stylesheet" />
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    13
 
	<script type="text/javascript">
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    14
 
	$(function() {
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    15
 
		function log(message) {
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    16
 
			$("<div/>").text(message).prependTo("#log");
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    17
 
			$("#log").attr("scrollTop", 0);
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    18
 
		}
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    19
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    20
 
		$("#birds").autocomplete({
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    21
 
			source: "search.php",
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    22
 
			minLength: 2,
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    23
 
			select: function(event, ui) {
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    24
 
				log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value);
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    25
 
			}
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    26
 
		});
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    27
 
	});
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    28
 
	</script>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    29
 
</head>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    30
 
<body>
2d6866072851 fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff changeset 
    31
 












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    32


<div class="demo">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    33














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    34


<div class="ui-widget">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    35


	<label for="birds">Birds: </label>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    36


	<input id="birds" />












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    37


</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    38














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    39


<div class="ui-widget" style="margin-top:2em; font-family:Arial">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    40


	Result:












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    41


	<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    42


</div>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    43














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    44


</div><!-- End demo -->












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    45














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    46


<div class="demo-description">












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    47


<p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    48


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.












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    49


</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    50


<p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    51


The datasource is a server-side script which returns JSON data, specified via a simple URL for the source-option. In addition, the minLength-option is set to 2 to avoid queries that would return too many results and the select-event is used to display some feedback.












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    52


</p>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    53


</div><!-- End demo-description -->












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    54














2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    55


</body>












2d6866072851
fichiers oublier dans le dernier commit



samuel huron <admin@cybunk.com>


parents: 

diff
changeset




    56


</html>














eulalie