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-- |
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 Accent Folding 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 |
var names = [ "Jörn Zaefferer", "Scott González", "John Resig" ]; |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
16 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
17 |
var accentMap = { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
18 |
'á':'a', |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
19 |
'ö':'o' |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
20 |
}; |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
21 |
var normalize = function( term ) { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
22 |
var ret = ''; |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
23 |
for ( var i = 0; i < term.length; i++ ) { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
24 |
ret += accentMap[ term.charAt(i) ] || term.charAt(i); |
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 |
return ret; |
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 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
29 |
$( "#developer" ).autocomplete({ |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
30 |
source: function( request, response ) { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
31 |
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" ); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
32 |
response( $.grep( names, function( value ) { |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
33 |
value = value.label || value.value || value; |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
34 |
return matcher.test( value ) || matcher.test( normalize( value ) ); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
35 |
}) ); |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
36 |
} |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
37 |
}); |
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 |
</script> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
40 |
</head> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
41 |
<body> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
42 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
43 |
<div class="demo"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
44 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
45 |
<div class="ui-widget"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
46 |
<form> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
47 |
<label for="developer">Developer: </label> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
48 |
<input id="developer" /> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
49 |
</form> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
50 |
</div> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
51 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
52 |
</div><!-- End demo --> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
53 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
54 |
<div class="demo-description"> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
55 |
<p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
56 |
The autocomplete field uses a custom source option which will match results that have accented characters even when the text field doesn't contain accented characters. However if the you type in accented characters in the text field it is smart enough not to show results that aren't accented. |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
57 |
</p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
58 |
<p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
59 |
Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn". |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
60 |
</p> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
61 |
</div><!-- End demo-description --> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
62 |
|
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
63 |
</body> |
2d6866072851
fichiers oublier dans le dernier commit
samuel huron <admin@cybunk.com>
parents:
diff
changeset
|
64 |
</html> |