forked from jquery/jquery-ui
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
54 changed files
with
2,207 additions
and
782 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,64 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<title>jQuery UI Autocomplete Accent Folding Demo</title> | ||
<link type="text/css" href="../../themes/base/jquery.ui.all.css" rel="stylesheet" /> | ||
<script type="text/javascript" src="../../jquery-1.4.2.js"></script> | ||
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script> | ||
<script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script> | ||
<script type="text/javascript" src="../../ui/jquery.ui.position.js"></script> | ||
<script type="text/javascript" src="../../ui/jquery.ui.autocomplete.js"></script> | ||
<link type="text/css" href="../demos.css" rel="stylesheet" /> | ||
<script type="text/javascript"> | ||
$(function() { | ||
var names = [ "Jörn Zaefferer", "Scott González", "John Resig" ]; | ||
|
||
var accentMap = { | ||
'á':'a', | ||
'ö':'o' | ||
}; | ||
var normalize = function( term ) { | ||
var ret = ''; | ||
for ( var i = 0; i < term.length; i++ ) { | ||
ret += accentMap[ term.charAt(i) ] || term.charAt(i); | ||
} | ||
return ret; | ||
}; | ||
|
||
$( "#developer" ).autocomplete({ | ||
source: function( request, response ) { | ||
var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" ); | ||
response( $.grep( names, function( value ) { | ||
value = value.label || value.value || value; | ||
return matcher.test( value ) || matcher.test( normalize( value ) ); | ||
}) ); | ||
} | ||
}); | ||
}); | ||
</script> | ||
</head> | ||
<body> | ||
|
||
<div class="demo"> | ||
|
||
<div class="ui-widget"> | ||
<form> | ||
<label for="developer">Developer: </label> | ||
<input id="developer" /> | ||
</form> | ||
</div> | ||
|
||
</div><!-- End demo --> | ||
|
||
<div class="demo-description"> | ||
<p> | ||
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. | ||
</p> | ||
<p> | ||
Try typing "Jo" to see "John" and "Jörn", then type "Jö" to see only "Jörn". | ||
</p> | ||
</div><!-- End demo-description --> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.