http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FScriptaculous%2FautocompleterJavaScript DHTML/Scriptaculous/autocompleter - История изменений2026-04-04T15:29:12ZИстория изменений этой страницы в викиMediaWiki 1.30.0http://wbex.ru/index.php?title=JavaScript_DHTML/Scriptaculous/autocompleter&diff=3650&oldid=prev в 10:02, 26 мая 20102010-05-26T10:02:47Z<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>http://wbex.ru/index.php?title=JavaScript_DHTML/Scriptaculous/autocompleter&diff=3651&oldid=prevAdmin: 1 версия2010-05-26T07:26:58Z<p>1 версия</p>
<p><b>Новая страница</b></p><div>==An incremental Ajax autocompleter==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
This is an incremental Ajax autocompleter. Type something, then type a comma, than type more. This autocompleter features an indicator.<br/><br />
<div id="ac1_indicator" style="display:none">NOW FETCHING RESULTS</div><br />
Autocompleter ac1: <input type="text" id="ac1" autocomplete="off"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html", { <br />
tokens: ",", indicator: "ac1_indicator"<br />
} );<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac2: <input id="ac2" type="text" autocomplete="off"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac3: <input id="ac3" type="text" autocomplete="off"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac4<br/> with full-search. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <textarea rows=5 cols=40 id="ac4" autocomplete="off"></textarea><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac4","ac4update",<br />
new Array("John Jackson", "", "Jack Johnson", "", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac5<br/> with fixed height and scrollbar. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <input id="ac5" type="text" autocomplete="off"/><br />
<div id="ac5update" style="display:none;border:1px solid black;background-color:white;height:50px;overflow:auto;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac5","ac5update",<br />
new Array("John Jackson", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Autocompleter: autoselects option if single single option is returned==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
Autocompleter ac1 (updated panel is relative, so no overlapping should occur): <input id="ac1" name="ac1" type="text"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br />
Autocompleter ac2 w/ parameters: <input id="ac2" type="text" name="ac2"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{parameters:"a=b&b=c"});<br />
</script><br />
<br/><br />
Autocompleter ac3 (nested in postion:relative div, selects "selectme" class):<br />
<br/> <br />
<div style="position:relative"><br />
<input id="ac3" type="text"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
</div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{select:"selectme"});<br />
</script><br />
<br/><select><option>First Item</option><option>Second Item</option><option>Third Item</option></select><br />
<br/><br/><br />
Autocompleter ac4 (autoselects option if single single option is returned):<br />
<br/> <br />
<input id="ac4" type="text"/><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac4","ac4update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result_single.html",{select:"selectme",autoSelect:true});<br />
</script><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Autocompleter: nested in postion:relative div, selects "selectme" class==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
Autocompleter ac1 (updated panel is relative, so no overlapping should occur): <input id="ac1" name="ac1" type="text"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br />
Autocompleter ac2 w/ parameters: <input id="ac2" type="text" name="ac2"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{parameters:"a=b&b=c"});<br />
</script><br />
<br/><br />
Autocompleter ac3 (nested in postion:relative div, selects "selectme" class):<br />
<br/> <br />
<div style="position:relative"><br />
<input id="ac3" type="text"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
</div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{select:"selectme"});<br />
</script><br />
<br/><select><option>First Item</option><option>Second Item</option><option>Third Item</option></select><br />
<br/><br/><br />
Autocompleter ac4 (autoselects option if single single option is returned):<br />
<br/> <br />
<input id="ac4" type="text"/><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac4","ac4update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result_single.html",{select:"selectme",autoSelect:true});<br />
</script><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Autocompleter: updated panel is relative, so no overlapping should occur==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
Autocompleter ac1 (updated panel is relative, so no overlapping should occur): <input id="ac1" name="ac1" type="text"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br />
Autocompleter ac2 w/ parameters: <input id="ac2" type="text" name="ac2"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{parameters:"a=b&b=c"});<br />
</script><br />
<br/><br />
Autocompleter ac3 (nested in postion:relative div, selects "selectme" class):<br />
<br/> <br />
<div style="position:relative"><br />
<input id="ac3" type="text"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
</div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html",{select:"selectme"});<br />
</script><br />
<br/><select><option>First Item</option><option>Second Item</option><option>Third Item</option></select><br />
<br/><br/><br />
Autocompleter ac4 (autoselects option if single single option is returned):<br />
<br/> <br />
<input id="ac4" type="text"/><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac4","ac4update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result_single.html",{select:"selectme",autoSelect:true});<br />
</script><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Local incremental array autocompleter with fixed height and scrollbar.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
This is an incremental Ajax autocompleter. Type something, then type a comma, than type more. This autocompleter features an indicator.<br/><br />
<div id="ac1_indicator" style="display:none">NOW FETCHING RESULTS</div><br />
Autocompleter ac1: <input type="text" id="ac1" autocomplete="off"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html", { <br />
tokens: ",", indicator: "ac1_indicator"<br />
} );<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac2: <input id="ac2" type="text" autocomplete="off"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac3: <input id="ac3" type="text" autocomplete="off"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac4<br/> with full-search. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <textarea rows=5 cols=40 id="ac4" autocomplete="off"></textarea><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac4","ac4update",<br />
new Array("John Jackson", "", "Jack Johnson", "", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac5<br/> with fixed height and scrollbar. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <input id="ac5" type="text" autocomplete="off"/><br />
<div id="ac5update" style="display:none;border:1px solid black;background-color:white;height:50px;overflow:auto;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac5","ac5update",<br />
new Array("John Jackson", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Local incremental array autocompleter with full-search.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
This is an incremental Ajax autocompleter. Type something, then type a comma, than type more. This autocompleter features an indicator.<br/><br />
<div id="ac1_indicator" style="display:none">NOW FETCHING RESULTS</div><br />
Autocompleter ac1: <input type="text" id="ac1" autocomplete="off"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html", { <br />
tokens: ",", indicator: "ac1_indicator"<br />
} );<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac2: <input id="ac2" type="text" autocomplete="off"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac3: <input id="ac3" type="text" autocomplete="off"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac4<br/> with full-search. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <textarea rows=5 cols=40 id="ac4" autocomplete="off"></textarea><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac4","ac4update",<br />
new Array("John Jackson", "", "Jack Johnson", "", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac5<br/> with fixed height and scrollbar. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <input id="ac5" type="text" autocomplete="off"/><br />
<div id="ac5update" style="display:none;border:1px solid black;background-color:white;height:50px;overflow:auto;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac5","ac5update",<br />
new Array("John Jackson", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Non-incremental Ajax autocompleter.==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<!--<br />
Copyright (c) 2005-2008 Thomas Fuchs (http://script.aculo.us, http://mir.aculo.us)<br />
Permission is hereby granted, free of charge, to any person obtaining<br />
a copy of this software and associated documentation files (the<br />
"Software"), to deal in the Software without restriction, including<br />
without limitation the rights to use, copy, modify, merge, publish,<br />
distribute, sublicense, and/or sell copies of the Software, and to<br />
permit persons to whom the Software is furnished to do so, subject to<br />
the following conditions:<br />
The above copyright notice and this permission notice shall be<br />
included in all copies or substantial portions of the Software.<br />
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,<br />
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF<br />
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND<br />
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE<br />
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION<br />
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION<br />
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.<br />
--><br />
<!-- revised from scriptaculous-js-1.8.2 demo code --><br />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><br />
<head><br />
<title>script.aculo.us Autocompleter functional test file</title><br />
<meta http-equiv="content-type" content="text/html; charset=utf-8" /><br />
<script src="scriptaculous-js-1.8.2/lib/prototype.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/scriptaculous.js" type="text/javascript"></script><br />
<script src="scriptaculous-js-1.8.2/src/unittest.js" type="text/javascript"></script><br />
<style type="text/css" media="screen"><br />
.selected { background-color: #888; }<br />
</style><br />
</head><br />
<body><br />
<h1>script.aculo.us Autocompleter functional test file</h1><br />
<br />
This is an incremental Ajax autocompleter. Type something, then type a comma, than type more. This autocompleter features an indicator.<br/><br />
<div id="ac1_indicator" style="display:none">NOW FETCHING RESULTS</div><br />
Autocompleter ac1: <input type="text" id="ac1" autocomplete="off"/><br />
<div id="ac1update" style="display:none;border:1px solid black;background-color:white;position:relative;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac1","ac1update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html", { <br />
tokens: ",", indicator: "ac1_indicator"<br />
} );<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac2: <input id="ac2" type="text" autocomplete="off"/><br />
<div id="ac2update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac2","ac2update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Non-incremental Ajax autocompleter.<br/><br />
Autocompleter ac3: <input id="ac3" type="text" autocomplete="off"/><br />
<div id="ac3update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Ajax.Autocompleter("ac3","ac3update","scriptaculous-js-1.8.2/test/functional/_autocomplete_result.html");<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac4<br/> with full-search. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <textarea rows=5 cols=40 id="ac4" autocomplete="off"></textarea><br />
<div id="ac4update" style="display:none;border:1px solid black;background-color:white;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac4","ac4update",<br />
new Array("John Jackson", "", "Jack Johnson", "", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br/><br/><br />
Local incremental array autocompleter ac5<br/> with fixed height and scrollbar. Type "Jac", hit enter a few <br/>times, type "gne".<br/> <input id="ac5" type="text" autocomplete="off"/><br />
<div id="ac5update" style="display:none;border:1px solid black;background-color:white;height:50px;overflow:auto;"></div><br />
<script type="text/javascript" language="javascript" charset="utf-8"><br />
new Autocompleter.Local("ac5","ac5update",<br />
new Array("John Jackson", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews", "Jack Johnson", "Jane Agnews"), { tokens: new Array(",","\n"), fullSearch: true, partialSearch: true });<br />
</script><br />
<br />
<br /><br /><br /><br />
<br /><br /><br /><br />
<div id="debug" style="font-size:11px;"></div><br />
</body><br />
</html><br />
<br />
</source></div>Admin