20f8df1291
data tables are going to need some work yet, but the other stuff seems to be working 100%
3060 lines
364 KiB
HTML
3060 lines
364 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
|
<html>
|
|
<head>
|
|
<title>API: autocomplete AutoComplete.js (YUI Library)</title>
|
|
<link rel="stylesheet" type="text/css" href="assets/api.css">
|
|
<script type="text/javascript" src="assets/api-js"></script>
|
|
<script type="text/javascript" src="assets/ac-js"></script>
|
|
</head>
|
|
|
|
<body id="yahoo-com">
|
|
|
|
<div id="doc3" class="yui-t2">
|
|
|
|
<div id="hd">
|
|
<a href="http://developer.yahoo.com/yui/"><h1>Yahoo! UI Library</h1></a>
|
|
<h3>AutoComplete Widget <span class="subtitle">2.6.0</span></h3>
|
|
<p>
|
|
<a href="./index.html">Yahoo! UI Library</a>
|
|
> <a href="./module_autocomplete.html">autocomplete</a>
|
|
|
|
> AutoComplete.js (source view)
|
|
</p>
|
|
|
|
|
|
</div>
|
|
|
|
<div id="bd">
|
|
<div id="yui-main">
|
|
<div class="yui-b">
|
|
<form name="yui-classopts-form">
|
|
<span id="classopts"><input type="checkbox" name="showprivate" id="showprivate" /> <label for="showprivate">Show Private</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showprotected" id="showprotected" /> <label for="showprotected">Show Protected</label></span>
|
|
<span id="classopts"><input type="checkbox" name="showdeprecated" id="showdeprecated" /> <label for="showdeprecated">Show Deprecated</label></span>
|
|
</form>
|
|
|
|
<div id="srcout">
|
|
<style>
|
|
#doc3 #classopts { display:none; }
|
|
</style>
|
|
<div class="highlight" ><pre><span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// YAHOO.widget.DataSource Backwards Compatibility</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_JSArray</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">LocalDataSource</span><span class="o">;</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_JSFunction</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">FunctionDataSource</span><span class="o">;</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_XHR</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sScriptURI</span><span class="o">,</span> <span class="nx">aSchema</span><span class="o">,</span> <span class="nx">oConfigs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">DS</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">XHRDataSource</span><span class="o">(</span><span class="nx">sScriptURI</span><span class="o">,</span> <span class="nx">oConfigs</span><span class="o">);</span>
|
|
<span class="nx">DS</span><span class="o">.</span><span class="nx">_aDeprecatedSchema</span> <span class="o">=</span> <span class="nx">aSchema</span><span class="o">;</span>
|
|
<span class="k">return</span> <span class="nx">DS</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_ScriptNode</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sScriptURI</span><span class="o">,</span> <span class="nx">aSchema</span><span class="o">,</span> <span class="nx">oConfigs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">DS</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">ScriptNodeDataSource</span><span class="o">(</span><span class="nx">sScriptURI</span><span class="o">,</span> <span class="nx">oConfigs</span><span class="o">);</span>
|
|
<span class="nx">DS</span><span class="o">.</span><span class="nx">_aDeprecatedSchema</span> <span class="o">=</span> <span class="nx">aSchema</span><span class="o">;</span>
|
|
<span class="k">return</span> <span class="nx">DS</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_XHR</span><span class="o">.</span><span class="nx">TYPE_JSON</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_JSON</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_XHR</span><span class="o">.</span><span class="nx">TYPE_XML</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_XML</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">DS_XHR</span><span class="o">.</span><span class="nx">TYPE_FLAT</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_TEXT</span><span class="o">;</span>
|
|
|
|
<span class="c">// TODO: widget.DS_ScriptNode.scriptCallbackParam</span>
|
|
<span class="c"></span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The AutoComplete control provides the front-end logic for text-entry suggestion and</span>
|
|
<span class="c"> * completion functionality.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @module autocomplete</span>
|
|
<span class="c"> * @requires yahoo, dom, event, datasource</span>
|
|
<span class="c"> * @optional animation</span>
|
|
<span class="c"> * @namespace YAHOO.widget</span>
|
|
<span class="c"> * @title AutoComplete Widget</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="c">/****************************************************************************/</span>
|
|
<span class="c">/****************************************************************************/</span>
|
|
<span class="c">/****************************************************************************/</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The AutoComplete class provides the customizable functionality of a plug-and-play DHTML</span>
|
|
<span class="c"> * auto completion widget. Some key features:</span>
|
|
<span class="c"> * <ul></span>
|
|
<span class="c"> * <li>Navigate with up/down arrow keys and/or mouse to pick a selection</li></span>
|
|
<span class="c"> * <li>The drop down container can "roll down" or "fly out" via configurable</span>
|
|
<span class="c"> * animation</li></span>
|
|
<span class="c"> * <li>UI look-and-feel customizable through CSS, including container</span>
|
|
<span class="c"> * attributes, borders, position, fonts, etc</li></span>
|
|
<span class="c"> * </ul></span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @class AutoComplete</span>
|
|
<span class="c"> * @constructor</span>
|
|
<span class="c"> * @param elInput {HTMLElement} DOM element reference of an input field.</span>
|
|
<span class="c"> * @param elInput {String} String ID of an input field.</span>
|
|
<span class="c"> * @param elContainer {HTMLElement} DOM element reference of an existing DIV.</span>
|
|
<span class="c"> * @param elContainer {String} String ID of an existing DIV.</span>
|
|
<span class="c"> * @param oDataSource {YAHOO.widget.DataSource} DataSource instance.</span>
|
|
<span class="c"> * @param oConfigs {Object} (optional) Object literal of configuration params.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elInput</span><span class="o">,</span><span class="nx">elContainer</span><span class="o">,</span><span class="nx">oDataSource</span><span class="o">,</span><span class="nx">oConfigs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elInput</span> <span class="o">&&</span> <span class="nx">elContainer</span> <span class="o">&&</span> <span class="nx">oDataSource</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Validate DataSource</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oDataSource</span> <span class="k">instanceof</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span> <span class="o">=</span> <span class="nx">oDataSource</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not instantiate AutoComplete due to an invalid DataSource"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// YAHOO.widget.DataSource schema backwards compatibility</span>
|
|
<span class="c"></span> <span class="c">// Converted deprecated schema into supported schema</span>
|
|
<span class="c"></span> <span class="c">// First assume key data is held in position 0 of results array</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">key</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">schema</span> <span class="o">=</span> <span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">;</span>
|
|
<span class="c">// An old school schema has been defined in the deprecated DataSource constructor</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oDataSource</span><span class="o">.</span><span class="nx">_aDeprecatedSchema</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">aDeprecatedSchema</span> <span class="o">=</span> <span class="nx">oDataSource</span><span class="o">.</span><span class="nx">_aDeprecatedSchema</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">aDeprecatedSchema</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">if</span><span class="o">((</span><span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_JSON</span><span class="o">)</span> <span class="o">||</span>
|
|
<span class="o">(</span><span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_UNKNOWN</span><span class="o">))</span> <span class="o">{</span> <span class="c">// Used to default to unknown</span>
|
|
<span class="c"></span> <span class="c">// Store the resultsList</span>
|
|
<span class="c"></span> <span class="nx">schema</span><span class="o">.</span><span class="nx">resultsList</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="c">// Store the key</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">key</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="c">// Only resultsList and key are defined, so grab all the data</span>
|
|
<span class="c"></span> <span class="nx">schema</span><span class="o">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="o">(</span><span class="nx">aDeprecatedSchema</span><span class="o">.</span><span class="nx">length</span> <span class="o"><</span> <span class="m">3</span><span class="o">)</span> <span class="o">?</span> <span class="kc">null</span> <span class="o">:</span> <span class="nx">aDeprecatedSchema</span><span class="o">.</span><span class="nx">slice</span><span class="o">(</span><span class="m">1</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_XML</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">schema</span><span class="o">.</span><span class="nx">resultNode</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">key</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="nx">schema</span><span class="o">.</span><span class="nx">fields</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">.</span><span class="nx">slice</span><span class="o">(</span><span class="m">1</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_TEXT</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">schema</span><span class="o">.</span><span class="nx">recordDelim</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="nx">schema</span><span class="o">.</span><span class="nx">fieldDelim</span> <span class="o">=</span> <span class="nx">aDeprecatedSchema</span><span class="o">[</span><span class="m">1</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oDataSource</span><span class="o">.</span><span class="nx">responseSchema</span> <span class="o">=</span> <span class="nx">schema</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Validate input element</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">inDocument</span><span class="o">(</span><span class="nx">elInput</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">elInput</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sName</span> <span class="o">=</span> <span class="s2">"instance"</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_nIndex</span> <span class="o">+</span> <span class="s2">" "</span> <span class="o">+</span> <span class="nx">elInput</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">getElementById</span><span class="o">(</span><span class="nx">elInput</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sName</span> <span class="o">=</span> <span class="o">(</span><span class="nx">elInput</span><span class="o">.</span><span class="nx">id</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="s2">"instance"</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_nIndex</span> <span class="o">+</span> <span class="s2">" "</span> <span class="o">+</span> <span class="nx">elInput</span><span class="o">.</span><span class="nx">id</span><span class="o">:</span>
|
|
<span class="s2">"instance"</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_nIndex</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span> <span class="o">=</span> <span class="nx">elInput</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">,</span> <span class="s2">"yui-ac-input"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not instantiate AutoComplete due to an invalid input element"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Validate container element</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">inDocument</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">getElementById</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span> <span class="o">=</span> <span class="nx">elContainer</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">==</span> <span class="s2">"none"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"The container may not display properly if display is set to \"none\" in CSS"</span><span class="o">,</span> <span class="s2">"warn"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// For skinning</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">elParent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elParent</span><span class="o">.</span><span class="nx">tagName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elTag</span> <span class="o">==</span> <span class="s2">"div"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">elParent</span><span class="o">,</span> <span class="s2">"yui-ac"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not find the wrapper element for skinning"</span><span class="o">,</span> <span class="s2">"warn"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not instantiate AutoComplete due to an invalid container element"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Default applyLocalFilter setting is to enable for local sources</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">dataType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_LOCAL</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">applyLocalFilter</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Set any config params passed in to override defaults</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oConfigs</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">oConfigs</span><span class="o">.</span><span class="nx">constructor</span> <span class="o">==</span> <span class="nb">Object</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">sConfig</span> <span class="k">in</span> <span class="nx">oConfigs</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sConfig</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">[</span><span class="nx">sConfig</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oConfigs</span><span class="o">[</span><span class="nx">sConfig</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Initialization sequence</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_initContainerEl</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initProps</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initListEl</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initContainerHelperEls</span><span class="o">();</span>
|
|
|
|
<span class="c">// Set up events</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">oSelf</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">elTextbox</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">;</span>
|
|
|
|
<span class="c">// Dom events</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="s2">"keyup"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onTextboxKeyUp</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="s2">"keydown"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onTextboxKeyDown</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="s2">"focus"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onTextboxFocus</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="s2">"blur"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onTextboxBlur</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span><span class="s2">"mouseover"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onContainerMouseover</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span><span class="s2">"mouseout"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onContainerMouseout</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span><span class="s2">"click"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onContainerClick</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span><span class="s2">"scroll"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onContainerScroll</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span><span class="s2">"resize"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onContainerResize</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="s2">"keypress"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onTextboxKeyPress</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">addListener</span><span class="o">(</span><span class="nb">window</span><span class="o">,</span><span class="s2">"unload"</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onWindowUnload</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
|
|
<span class="c">// Custom events</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">textboxFocusEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"textboxFocus"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxKeyEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"textboxKey"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataRequestEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"dataRequest"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataReturnEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"dataReturn"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataErrorEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"dataError"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerPopulateEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"containerPopulate"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerExpandEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"containerExpand"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">typeAheadEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"typeAhead"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemMouseOverEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemMouseOver"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemMouseOutEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemMouseOut"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowToEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemArrowTo"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowFromEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemArrowFrom"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemSelectEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"itemSelect"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">unmatchedItemSelectEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"unmatchedItemSelect"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">selectionEnforceEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"selectionEnforce"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerCollapseEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"containerCollapse"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxBlurEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"textboxBlur"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxChangeEvent</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">CustomEvent</span><span class="o">(</span><span class="s2">"textboxChange"</span><span class="o">,</span> <span class="k">this</span><span class="o">);</span>
|
|
|
|
<span class="c">// Finish up</span>
|
|
<span class="c"></span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"autocomplete"</span><span class="o">,</span><span class="s2">"off"</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_nIndex</span><span class="o">++;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"AutoComplete initialized"</span><span class="o">,</span><span class="s2">"info"</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Required arguments were not found</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not instantiate AutoComplete due invalid arguments"</span><span class="o">,</span> <span class="s2">"error"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Public member variables</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * The DataSource object that encapsulates the data used for auto completion.</span>
|
|
<span class="c"> * This object should be an inherited object from YAHOO.widget.DataSource.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property dataSource</span>
|
|
<span class="c"> * @type YAHOO.widget.DataSource</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">dataSource</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * By default, results from local DataSources will pass through the filterResults</span>
|
|
<span class="c"> * method to apply a client-side matching algorithm. </span>
|
|
<span class="c"> * </span>
|
|
<span class="c"> * @property applyLocalFilter</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true for local arrays and json, otherwise false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">applyLocalFilter</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * When applyLocalFilter is true, the local filtering algorthim can have case sensitivity</span>
|
|
<span class="c"> * enabled. </span>
|
|
<span class="c"> * </span>
|
|
<span class="c"> * @property queryMatchCase</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryMatchCase</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * When applyLocalFilter is true, results can be locally filtered to return</span>
|
|
<span class="c"> * matching strings that "contain" the query string rather than simply "start with"</span>
|
|
<span class="c"> * the query string.</span>
|
|
<span class="c"> * </span>
|
|
<span class="c"> * @property queryMatchContains</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryMatchContains</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Enables query subset matching. When the DataSource's cache is enabled and queryMatchSubset is</span>
|
|
<span class="c"> * true, substrings of queries will return matching cached results. For</span>
|
|
<span class="c"> * instance, if the first query is for "abc" susequent queries that start with</span>
|
|
<span class="c"> * "abc", like "abcd", will be queried against the cache, and not the live data</span>
|
|
<span class="c"> * source. Recommended only for DataSources that return comprehensive results</span>
|
|
<span class="c"> * for queries with very few characters.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property queryMatchSubset</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryMatchSubset</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Number of characters that must be entered before querying for results. A negative value</span>
|
|
<span class="c"> * effectively turns off the widget. A value of 0 allows queries of null or empty string</span>
|
|
<span class="c"> * values.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property minQueryLength</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 1</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">minQueryLength</span> <span class="o">=</span> <span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Maximum number of results to display in results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property maxResultsDisplayed</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 10</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">maxResultsDisplayed</span> <span class="o">=</span> <span class="m">10</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Number of seconds to delay before submitting a query request. If a query</span>
|
|
<span class="c"> * request is received before a previous one has completed its delay, the</span>
|
|
<span class="c"> * previous request is cancelled and the new request is set to the delay. If </span>
|
|
<span class="c"> * typeAhead is also enabled, this value must always be less than the typeAheadDelay</span>
|
|
<span class="c"> * in order to avoid certain race conditions. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property queryDelay</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 0.2</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryDelay</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">2</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * If typeAhead is true, number of seconds to delay before updating input with</span>
|
|
<span class="c"> * typeAhead value. In order to prevent certain race conditions, this value must</span>
|
|
<span class="c"> * always be greater than the queryDelay.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property typeAheadDelay</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 0.5</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">typeAheadDelay</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">5</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * When IME usage is detected, AutoComplete will switch to querying the input</span>
|
|
<span class="c"> * value at the given interval rather than per key event.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property queryInterval</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 500</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryInterval</span> <span class="o">=</span> <span class="m">500</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Class name of a highlighted item within results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property highlightClassName</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @default "yui-ac-highlight"</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">highlightClassName</span> <span class="o">=</span> <span class="s2">"yui-ac-highlight"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Class name of a pre-highlighted item within results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property prehighlightClassName</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">prehighlightClassName</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Query delimiter. A single character separator for multiple delimited</span>
|
|
<span class="c"> * selections. Multiple delimiter characteres may be defined as an array of</span>
|
|
<span class="c"> * strings. A null value or empty string indicates that query results cannot</span>
|
|
<span class="c"> * be delimited. This feature is not recommended if you need forceSelection to</span>
|
|
<span class="c"> * be true.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property delimChar</span>
|
|
<span class="c"> * @type String | String[]</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">delimChar</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the first item in results container should be automatically highlighted</span>
|
|
<span class="c"> * on expand.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property autoHighlight</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">autoHighlight</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * If autohighlight is enabled, whether or not the input field should be automatically updated</span>
|
|
<span class="c"> * with the first query result as the user types, auto-selecting the substring portion</span>
|
|
<span class="c"> * of the first result that the user has not yet typed.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property typeAhead</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">typeAhead</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not to animate the expansion/collapse of the results container in the</span>
|
|
<span class="c"> * horizontal direction.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property animHoriz</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">animHoriz</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not to animate the expansion/collapse of the results container in the</span>
|
|
<span class="c"> * vertical direction.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property animVert</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">animVert</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Speed of container expand/collapse animation, in seconds..</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property animSpeed</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 0.3</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">animSpeed</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">3</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not to force the user's selection to match one of the query</span>
|
|
<span class="c"> * results. Enabling this feature essentially transforms the input field into a</span>
|
|
<span class="c"> * &lt;select&gt; field. This feature is not recommended with delimiter character(s)</span>
|
|
<span class="c"> * defined.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property forceSelection</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">forceSelection</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not to allow browsers to cache user-typed input in the input</span>
|
|
<span class="c"> * field. Disabling this feature will prevent the widget from setting the</span>
|
|
<span class="c"> * autocomplete="off" on the input field. When autocomplete="off"</span>
|
|
<span class="c"> * and users click the back button after form submission, user-typed input can</span>
|
|
<span class="c"> * be prefilled by the browser from its cache. This caching of user input may</span>
|
|
<span class="c"> * not be desired for sensitive data, such as credit card numbers, in which</span>
|
|
<span class="c"> * case, implementers should consider setting allowBrowserAutocomplete to false.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property allowBrowserAutocomplete</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">allowBrowserAutocomplete</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Enabling this feature prevents the toggling of the container to a collapsed state.</span>
|
|
<span class="c"> * Setting to true does not automatically trigger the opening of the container.</span>
|
|
<span class="c"> * Implementers are advised to pre-load the container with an explicit "sendQuery()" call. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property alwaysShowContainer</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">alwaysShowContainer</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not to use an iFrame to layer over Windows form elements in</span>
|
|
<span class="c"> * IE. Set to true only when the results container will be on top of a</span>
|
|
<span class="c"> * &lt;select&gt; field in IE and thus exposed to the IE z-index bug (i.e.,</span>
|
|
<span class="c"> * 5.5 < IE < 7).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property useIFrame</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">useIFrame</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the results container should have a shadow.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property useShadow</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">useShadow</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the input field should be updated with selections.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property supressInputUpdate</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default false</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">suppressInputUpdate</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * For backward compatibility to pre-2.6.0 formatResults() signatures, setting</span>
|
|
<span class="c"> * resultsTypeList to true will take each object literal result returned by</span>
|
|
<span class="c"> * DataSource and flatten into an array. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property resultTypeList</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">resultTypeList</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * For XHR DataSources, AutoComplete will automatically insert a "?" between the server URI and </span>
|
|
<span class="c"> * the "query" param/value pair. To prevent this behavior, implementers should</span>
|
|
<span class="c"> * set this value to false. To more fully customize the query syntax, implementers</span>
|
|
<span class="c"> * should override the generateRequest() method. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property queryQuestionMark</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @default true</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">queryQuestionMark</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Public methods</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Public accessor to the unique name of the AutoComplete instance.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method toString</span>
|
|
<span class="c"> * @return {String} Unique name of the AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">toString</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="s2">"AutoComplete "</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sName</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Returns DOM reference to input element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getInputEl</span>
|
|
<span class="c"> * @return {HTMLELement} DOM reference to input element.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getInputEl</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Returns DOM reference to container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getContainerEl</span>
|
|
<span class="c"> * @return {HTMLELement} DOM reference to container element.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getContainerEl</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Returns true if widget instance is currently focused.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method isFocused</span>
|
|
<span class="c"> * @return {Boolean} Returns true if widget instance is currently focused.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">isFocused</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">===</span> <span class="kc">null</span><span class="o">)</span> <span class="o">?</span> <span class="kc">false</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">_bFocused</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Returns true if container is in an expanded state, false otherwise.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method isContainerOpen</span>
|
|
<span class="c"> * @return {Boolean} Returns true if container is in an expanded state, false otherwise.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">isContainerOpen</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Public accessor to the &lt;ul&gt; element that displays query results within the results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getListEl</span>
|
|
<span class="c"> * @return {HTMLElement[]} Reference to &lt;ul&gt; element within the results container.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getListEl</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Public accessor to the matching string associated with a given &lt;li&gt; result.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getListItemMatch</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} Reference to &lt;LI&gt; element.</span>
|
|
<span class="c"> * @return {String} Matching string.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getListItemMatch</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Public accessor to the result data associated with a given &lt;li&gt; result.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getListItemData</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} Reference to &lt;LI&gt; element.</span>
|
|
<span class="c"> * @return {Object} Result data.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getListItemData</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">.</span><span class="nx">_oResultData</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_oResultData</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Public accessor to the index of the associated with a given &lt;li&gt; result.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getListItemIndex</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} Reference to &lt;LI&gt; element.</span>
|
|
<span class="c"> * @return {Number} Index.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getListItemIndex</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Sets HTML markup for the results container header. This markup will be</span>
|
|
<span class="c"> * inserted within a &lt;div&gt; tag with a class of "yui-ac-hd".</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method setHeader</span>
|
|
<span class="c"> * @param sHeader {String} HTML markup for results container header.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">setHeader</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sHeader</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elHeader</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elHeader</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elHeader</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sHeader</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">sHeader</span><span class="o">;</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"block"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Sets HTML markup for the results container footer. This markup will be</span>
|
|
<span class="c"> * inserted within a &lt;div&gt; tag with a class of "yui-ac-ft".</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method setFooter</span>
|
|
<span class="c"> * @param sFooter {String} HTML markup for results container footer.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">setFooter</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sFooter</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elFooter</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elFooter</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elFooter</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sFooter</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">sFooter</span><span class="o">;</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"block"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Sets HTML markup for the results container body. This markup will be</span>
|
|
<span class="c"> * inserted within a &lt;div&gt; tag with a class of "yui-ac-bd".</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method setBody</span>
|
|
<span class="c"> * @param sBody {String} HTML markup for results container body.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">setBody</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sBody</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elBody</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elBody</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elBody</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="nx">elBody</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sBody</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="nx">sBody</span><span class="o">;</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"block"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elList</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c">* A function that converts an AutoComplete query into a request value which is then</span>
|
|
<span class="c">* passed to the DataSource's sendRequest method in order to retrieve data for </span>
|
|
<span class="c">* the query. By default, returns a String with the syntax: "query={query}"</span>
|
|
<span class="c">* Implementers can customize this method for custom request syntaxes.</span>
|
|
<span class="c">* </span>
|
|
<span class="c">* @method generateRequest</span>
|
|
<span class="c">* @param sQuery {String} Query string</span>
|
|
<span class="c">*/</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">generateRequest</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">dataType</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">dataType</span><span class="o">;</span>
|
|
|
|
<span class="c">// Transform query string in to a request for remote data</span>
|
|
<span class="c"></span> <span class="c">// By default, local data doesn't need a transformation, just passes along the query as is.</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">dataType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_XHR</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// By default, XHR GET requests look like "{scriptURI}?{scriptQueryParam}={sQuery}&{scriptQueryAppend}"</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">connMethodPost</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">sQuery</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">queryQuestionMark</span> <span class="o">?</span> <span class="s2">"?"</span> <span class="o">:</span> <span class="s2">""</span><span class="o">)</span> <span class="o">+</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryParam</span> <span class="o">||</span> <span class="s2">"query"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">"="</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span> <span class="o">?</span> <span class="o">(</span><span class="s2">"&"</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span><span class="o">)</span> <span class="o">:</span> <span class="s2">""</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// By default, XHR POST bodies are sent to the {scriptURI} like "{scriptQueryParam}={sQuery}&{scriptQueryAppend}"</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">sQuery</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryParam</span> <span class="o">||</span> <span class="s2">"query"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">"="</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span> <span class="o">?</span> <span class="o">(</span><span class="s2">"&"</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span><span class="o">)</span> <span class="o">:</span> <span class="s2">""</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// By default, remote script node requests look like "{scriptURI}&{scriptCallbackParam}={callbackString}&{scriptQueryParam}={sQuery}&{scriptQueryAppend}"</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">dataType</span> <span class="o">===</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">DataSourceBase</span><span class="o">.</span><span class="nx">TYPE_SCRIPTNODE</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">sQuery</span> <span class="o">=</span> <span class="s2">"&"</span> <span class="o">+</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryParam</span> <span class="o">||</span> <span class="s2">"query"</span><span class="o">)</span> <span class="o">+</span> <span class="s2">"="</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span> <span class="o">?</span> <span class="o">(</span><span class="s2">"&"</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">scriptQueryAppend</span><span class="o">)</span> <span class="o">:</span> <span class="s2">""</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">sQuery</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Makes query request to the DataSource.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method sendQuery</span>
|
|
<span class="c"> * @param sQuery {String} Query string.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">sendQuery</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Adjust programatically sent queries to look like they input by user</span>
|
|
<span class="c"></span> <span class="c">// when delimiters are enabled</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">newQuery</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">:</span> <span class="nx">sQuery</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sendQuery</span><span class="o">(</span><span class="nx">newQuery</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Collapses container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method collapseContainer</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">collapseContainer</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles subset matching for when queryMatchSubset is enabled.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method getSubsetMatches</span>
|
|
<span class="c"> * @param sQuery {String} Query string.</span>
|
|
<span class="c"> * @return {Object} oParsedResponse or null. </span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getSubsetMatches</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">subQuery</span><span class="o">,</span> <span class="nx">oCachedResponse</span><span class="o">,</span> <span class="nx">subRequest</span><span class="o">;</span>
|
|
<span class="c">// Loop through substrings of each cached element's query property...</span>
|
|
<span class="c"></span> <span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">sQuery</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span> <span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="nx">subRequest</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">generateRequest</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">.</span><span class="nx">substr</span><span class="o">(</span><span class="m">0</span><span class="o">,</span><span class="nx">i</span><span class="o">));</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataRequestEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">subQuery</span><span class="o">,</span> <span class="nx">subRequest</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Searching for query subset \""</span> <span class="o">+</span> <span class="nx">subQuery</span> <span class="o">+</span> <span class="s2">"\" in cache"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
|
|
<span class="c">// If a substring of the query is found in the cache</span>
|
|
<span class="c"></span> <span class="nx">oCachedResponse</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">getCachedResponse</span><span class="o">(</span><span class="nx">subRequest</span><span class="o">);</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oCachedResponse</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Found match for query subset \""</span> <span class="o">+</span> <span class="nx">subQuery</span> <span class="o">+</span> <span class="s2">"\": "</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">dump</span><span class="o">(</span><span class="nx">oCachedResponse</span><span class="o">),</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">filterResults</span><span class="o">.</span><span class="nx">apply</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">,</span> <span class="o">[</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oCachedResponse</span><span class="o">,</span> <span class="nx">oCachedResponse</span><span class="o">,</span> <span class="o">{</span><span class="nx">scope</span><span class="o">:</span><span class="k">this</span><span class="o">}]);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Did not find subset match for query subset \""</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span> <span class="s2">"\""</span> <span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Executed by DataSource (within DataSource scope via doBeforeParseData()) to</span>
|
|
<span class="c"> * handle responseStripAfter cleanup.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method preparseRawResponse</span>
|
|
<span class="c"> * @param sQuery {String} Query string.</span>
|
|
<span class="c"> * @return {Object} oParsedResponse or null. </span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">preparseRawResponse</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">oRequest</span><span class="o">,</span> <span class="nx">oFullResponse</span><span class="o">,</span> <span class="nx">oCallback</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nEnd</span> <span class="o">=</span> <span class="o">((</span><span class="k">this</span><span class="o">.</span><span class="nx">responseStripAfter</span> <span class="o">!==</span> <span class="s2">""</span><span class="o">)</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">oFullResponse</span><span class="o">.</span><span class="nx">indexOf</span><span class="o">))</span> <span class="o">?</span>
|
|
<span class="nx">oFullResponse</span><span class="o">.</span><span class="nx">indexOf</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">responseStripAfter</span><span class="o">)</span> <span class="o">:</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nEnd</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oFullResponse</span> <span class="o">=</span> <span class="nx">oFullResponse</span><span class="o">.</span><span class="nx">substring</span><span class="o">(</span><span class="m">0</span><span class="o">,</span><span class="nx">nEnd</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nx">oFullResponse</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Executed by DataSource (within DataSource scope via doBeforeCallback()) to</span>
|
|
<span class="c"> * filter results through a simple client-side matching algorithm. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method filterResults</span>
|
|
<span class="c"> * @param sQuery {String} Original request.</span>
|
|
<span class="c"> * @param oFullResponse {Object} Full response object.</span>
|
|
<span class="c"> * @param oParsedResponse {Object} Parsed response object.</span>
|
|
<span class="c"> * @param oCallback {Object} Callback object. </span>
|
|
<span class="c"> * @return {Object} Filtered response object.</span>
|
|
<span class="c"> */</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">filterResults</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oFullResponse</span><span class="o">,</span> <span class="nx">oParsedResponse</span><span class="o">,</span> <span class="nx">oCallback</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Only if a query string is available to match against</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">sQuery</span> <span class="o">&&</span> <span class="nx">sQuery</span> <span class="o">!==</span> <span class="s2">""</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// First make a copy of the oParseResponse</span>
|
|
<span class="c"></span> <span class="nx">oParsedResponse</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_cloneObject</span><span class="o">(</span><span class="nx">oParsedResponse</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oAC</span> <span class="o">=</span> <span class="nx">oCallback</span><span class="o">.</span><span class="nx">scope</span><span class="o">,</span>
|
|
<span class="nx">oDS</span> <span class="o">=</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">allResults</span> <span class="o">=</span> <span class="nx">oParsedResponse</span><span class="o">.</span><span class="nx">results</span><span class="o">,</span> <span class="c">// the array of results</span>
|
|
<span class="c"></span> <span class="nx">filteredResults</span> <span class="o">=</span> <span class="o">[],</span> <span class="c">// container for filtered results</span>
|
|
<span class="c"></span> <span class="nx">bMatchFound</span> <span class="o">=</span> <span class="kc">false</span><span class="o">,</span>
|
|
<span class="nx">bMatchCase</span> <span class="o">=</span> <span class="o">(</span><span class="nx">oDS</span><span class="o">.</span><span class="nx">queryMatchCase</span> <span class="o">||</span> <span class="nx">oAC</span><span class="o">.</span><span class="nx">queryMatchCase</span><span class="o">),</span> <span class="c">// backward compat</span>
|
|
<span class="c"></span> <span class="nx">bMatchContains</span> <span class="o">=</span> <span class="o">(</span><span class="nx">oDS</span><span class="o">.</span><span class="nx">queryMatchContains</span> <span class="o">||</span> <span class="nx">oAC</span><span class="o">.</span><span class="nx">queryMatchContains</span><span class="o">);</span> <span class="c">// backward compat</span>
|
|
<span class="c"></span>
|
|
<span class="c">// Loop through each result object...</span>
|
|
<span class="c"></span> <span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">allResults</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">oResult</span> <span class="o">=</span> <span class="nx">allResults</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="c">// Grab the data to match against from the result object...</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">sResult</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">// Result object is a simple string already</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">sResult</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Result object is an array of strings</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">sResult</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="c">// Result object is an object literal of strings</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">key</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">[</span><span class="m">0</span><span class="o">].</span><span class="nx">key</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">[</span><span class="m">0</span><span class="o">];</span>
|
|
<span class="nx">sResult</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">[</span><span class="nx">key</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Backwards compatibility</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">key</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">sResult</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">[</span><span class="k">this</span><span class="o">.</span><span class="nx">key</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">sResult</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sKeyIndex</span> <span class="o">=</span> <span class="o">(</span><span class="nx">bMatchCase</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="nx">sResult</span><span class="o">.</span><span class="nx">indexOf</span><span class="o">(</span><span class="nb">decodeURIComponent</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">))</span> <span class="o">:</span>
|
|
<span class="nx">sResult</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">().</span><span class="nx">indexOf</span><span class="o">(</span><span class="nb">decodeURIComponent</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">).</span><span class="nx">toLowerCase</span><span class="o">());</span>
|
|
|
|
<span class="c">// A STARTSWITH match is when the query is found at the beginning of the key string...</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">((!</span><span class="nx">bMatchContains</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">sKeyIndex</span> <span class="o">===</span> <span class="m">0</span><span class="o">))</span> <span class="o">||</span>
|
|
<span class="c">// A CONTAINS match is when the query is found anywhere within the key string...</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">bMatchContains</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">sKeyIndex</span> <span class="o">></span> <span class="o">-</span><span class="m">1</span><span class="o">)))</span> <span class="o">{</span>
|
|
<span class="c">// Stash the match</span>
|
|
<span class="c"></span> <span class="nx">filteredResults</span><span class="o">.</span><span class="nx">unshift</span><span class="o">(</span><span class="nx">oResult</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oParsedResponse</span><span class="o">.</span><span class="nx">results</span> <span class="o">=</span> <span class="nx">filteredResults</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Filtered "</span> <span class="o">+</span> <span class="nx">filteredResults</span><span class="o">.</span><span class="nx">length</span> <span class="o">+</span> <span class="s2">" results against query \""</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span> <span class="s2">"\": "</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">dump</span><span class="o">(</span><span class="nx">filteredResults</span><span class="o">),</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Did not filter results against query"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">oParsedResponse</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles response for display. This is the callback function method passed to</span>
|
|
<span class="c"> * YAHOO.util.DataSourceBase#sendRequest so results from the DataSource are</span>
|
|
<span class="c"> * returned to the AutoComplete instance.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method handleResponse</span>
|
|
<span class="c"> * @param sQuery {String} Original request.</span>
|
|
<span class="c"> * @param oResponse {Object} Response object.</span>
|
|
<span class="c"> * @param oPayload {MIXED} (optional) Additional argument(s)</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">handleResponse</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="nx">oPayload</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">((</span><span class="k">this</span> <span class="k">instanceof</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">)</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_populateList</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="nx">oPayload</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Overridable method called before container is loaded with result data.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method doBeforeLoadData</span>
|
|
<span class="c"> * @param sQuery {String} Original request.</span>
|
|
<span class="c"> * @param oResponse {Object} Response object.</span>
|
|
<span class="c"> * @param oPayload {MIXED} (optional) Additional argument(s)</span>
|
|
<span class="c"> * @return {Boolean} Return true to continue loading data, false to cancel.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">doBeforeLoadData</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="nx">oPayload</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Overridable method that returns HTML markup for one result to be populated</span>
|
|
<span class="c"> * as innerHTML of an &lt;LI&gt; element. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method formatResult</span>
|
|
<span class="c"> * @param oResultData {Object} Result data object.</span>
|
|
<span class="c"> * @param sQuery {String} The corresponding query string.</span>
|
|
<span class="c"> * @param sResultMatch {HTMLElement} The current query string. </span>
|
|
<span class="c"> * @return {String} HTML markup of formatted result data.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">formatResult</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">oResultData</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">sResultMatch</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">sMarkup</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sResultMatch</span><span class="o">)</span> <span class="o">?</span> <span class="nx">sResultMatch</span> <span class="o">:</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="k">return</span> <span class="nx">sMarkup</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Overridable method called before container expands allows implementers to access data</span>
|
|
<span class="c"> * and DOM elements.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method doBeforeExpandContainer</span>
|
|
<span class="c"> * @param elTextbox {HTMLElement} The text input box.</span>
|
|
<span class="c"> * @param elContainer {HTMLElement} The container element.</span>
|
|
<span class="c"> * @param sQuery {String} The query string.</span>
|
|
<span class="c"> * @param aResults {Object[]} An array of query results.</span>
|
|
<span class="c"> * @return {Boolean} Return true to continue expanding container, false to cancel the expand.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">doBeforeExpandContainer</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span> <span class="nx">elContainer</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">aResults</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Nulls out the entire AutoComplete instance and related objects, removes attached</span>
|
|
<span class="c"> * event listeners, and clears out DOM elements inside the container. After</span>
|
|
<span class="c"> * calling this method, the instance reference should be expliclitly nulled by</span>
|
|
<span class="c"> * implementer, as in myDataTable = null. Use with caution!</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method destroy</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">destroy</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">instanceName</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">();</span>
|
|
<span class="k">var</span> <span class="nx">elInput</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">elContainer</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">;</span>
|
|
|
|
<span class="c">// Unhook custom events</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">textboxFocusEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxKeyEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataRequestEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataReturnEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataErrorEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerPopulateEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerExpandEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">typeAheadEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemMouseOverEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemMouseOutEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowToEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowFromEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemSelectEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">unmatchedItemSelectEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">selectionEnforceEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerCollapseEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxBlurEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">textboxChangeEvent</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
|
|
<span class="c">// Unhook DOM events</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="nx">elInput</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="nx">elContainer</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
|
|
<span class="c">// Remove DOM elements</span>
|
|
<span class="c"></span> <span class="nx">elContainer</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
|
|
<span class="c">// Null out objects</span>
|
|
<span class="c"></span> <span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">key</span> <span class="k">in</span> <span class="k">this</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">key</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">[</span><span class="nx">key</span><span class="o">]</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"AutoComplete instance destroyed: "</span> <span class="o">+</span> <span class="nx">instanceName</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Public events</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the input field receives focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event textboxFocusEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">textboxFocusEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the input field receives key input.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event textboxKeyEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param nKeycode {Number} The keycode number.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">textboxKeyEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the AutoComplete instance makes a request to the DataSource.</span>
|
|
<span class="c"> * </span>
|
|
<span class="c"> * @event dataRequestEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sQuery {String} The query string. </span>
|
|
<span class="c"> * @param oRequest {Object} The request.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">dataRequestEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the AutoComplete instance receives query results from the data</span>
|
|
<span class="c"> * source.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event dataReturnEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sQuery {String} The query string.</span>
|
|
<span class="c"> * @param aResults {Object[]} Results array.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">dataReturnEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the AutoComplete instance does not receive query results from the</span>
|
|
<span class="c"> * DataSource due to an error.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event dataErrorEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sQuery {String} The query string.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">dataErrorEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the results container is populated.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event containerPopulateEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">containerPopulateEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the results container is expanded.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event containerExpandEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sQuery {String} The query string.</span>
|
|
<span class="c"> * @param aResults {Object[]} Results array.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">containerExpandEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the input field has been prefilled by the type-ahead</span>
|
|
<span class="c"> * feature. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event typeAheadEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sQuery {String} The query string.</span>
|
|
<span class="c"> * @param sPrefill {String} The prefill string.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">typeAheadEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when result item has been moused over.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event itemMouseOverEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param elItem {HTMLElement} The &lt;li&gt element item moused to.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">itemMouseOverEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when result item has been moused out.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event itemMouseOutEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param elItem {HTMLElement} The &lt;li&gt; element item moused from.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">itemMouseOutEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when result item has been arrowed to. </span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event itemArrowToEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param elItem {HTMLElement} The &lt;li&gt; element item arrowed to.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">itemArrowToEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when result item has been arrowed away from.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event itemArrowFromEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param elItem {HTMLElement} The &lt;li&gt; element item arrowed from.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">itemArrowFromEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when an item is selected via mouse click, ENTER key, or TAB key.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event itemSelectEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param elItem {HTMLElement} The selected &lt;li&gt; element item.</span>
|
|
<span class="c"> * @param oData {Object} The data returned for the item, either as an object,</span>
|
|
<span class="c"> * or mapped from the schema into an array.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">itemSelectEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when a user selection does not match any of the displayed result items.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event unmatchedItemSelectEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @param sSelection {String} The selected string. </span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">unmatchedItemSelectEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired if forceSelection is enabled and the user's input has been cleared</span>
|
|
<span class="c"> * because it did not match one of the returned query results.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event selectionEnforceEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">selectionEnforceEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the results container is collapsed.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event containerCollapseEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">containerCollapseEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the input field loses focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event textboxBlurEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">textboxBlurEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Fired when the input field value has changed when it loses focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event textboxChangeEvent</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">textboxChangeEvent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Private member variables</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Internal class variable to index multiple AutoComplete instances.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nIndex</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @default 0</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_nIndex</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Name of AutoComplete instance.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _sName</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sName</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Text input field DOM element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elTextbox</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elTextbox</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Container DOM element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elContainer</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elContainer</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to content element within container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elContent</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elContent</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to header element within content element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elHeader</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elHeader</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to body element within content element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elBody</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elBody</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to footer element within content element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elFooter</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elFooter</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to shadow element within container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elShadow</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elShadow</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Reference to iframe element within container element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elIFrame</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elIFrame</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the input field is currently in focus. If query results come back</span>
|
|
<span class="c"> * but the user has already moved on, do not proceed with auto complete behavior.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _bFocused</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Animation instance for container expand/collapse.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _oAnim</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_oAnim</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the results container is currently open.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _bContainerOpen</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not the mouse is currently over the results</span>
|
|
<span class="c"> * container. This is necessary in order to prevent clicks on container items</span>
|
|
<span class="c"> * from being text input field blur events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _bOverContainer</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_bOverContainer</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Internal reference to &lt;ul&gt; elements that contains query results within the</span>
|
|
<span class="c"> * results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elList</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elList</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Array of &lt;li&gt; elements references that contain query results within the</span>
|
|
<span class="c"> * results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _aListItemEls</span>
|
|
<span class="c"> * @type HTMLElement[]</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="c">//YAHOO.widget.AutoComplete.prototype._aListItemEls = null;</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Number of &lt;li&gt; elements currently displayed in results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nDisplayedItems</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_nDisplayedItems</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="c">/*</span>
|
|
<span class="c"> * Internal count of &lt;li&gt; elements displayed and hidden in results container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _maxResultsDisplayed</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="c">//YAHOO.widget.AutoComplete.prototype._maxResultsDisplayed = 0;</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Current query string</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _sCurQuery</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sCurQuery</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Selections from previous queries (for saving delimited queries).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _sPastSelections</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @default "" </span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Stores initial input value used to determine if textboxChangeEvent should be fired.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _sInitInputValue</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sInitInputValue</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Pointer to the currently highlighted &lt;li&gt; element in the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _elCurListItem</span>
|
|
<span class="c"> * @type HTMLElement</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_elCurListItem</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not an item has been selected since the container was populated</span>
|
|
<span class="c"> * with results. Reset to false by _populateList, and set to true when item is</span>
|
|
<span class="c"> * selected.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _bItemSelected</span>
|
|
<span class="c"> * @type Boolean</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_bItemSelected</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Key code of the last key pressed in textbox.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nKeyCode</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Delay timeout ID.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nDelayID</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_nDelayID</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * TypeAhead delay timeout ID.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _nTypeAheadDelayID</span>
|
|
<span class="c"> * @type Number</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Src to iFrame used when useIFrame = true. Supports implementations over SSL</span>
|
|
<span class="c"> * as well.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _iFrameSrc</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_iFrameSrc</span> <span class="o">=</span> <span class="s2">"javascript:false;"</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * For users typing via certain IMEs, queries must be triggered by intervals,</span>
|
|
<span class="c"> * since key events yet supported across all browsers for all IMEs.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @property _queryInterval</span>
|
|
<span class="c"> * @type Object</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_queryInterval</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Internal tracker to last known textbox value, used to determine whether or not</span>
|
|
<span class="c"> * to trigger a query via interval for certain IME users.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @event _sLastTextboxValue</span>
|
|
<span class="c"> * @type String</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sLastTextboxValue</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Private methods</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Updates and validates latest public config properties.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method __initProps</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_initProps</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="c">// Correct any invalid values</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">minQueryLength</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">minQueryLength</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span> <span class="o">=</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">var</span> <span class="nx">maxResultsDisplayed</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">maxResultsDisplayed</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">maxResultsDisplayed</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">maxResultsDisplayed</span> <span class="o"><</span> <span class="m">1</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">maxResultsDisplayed</span> <span class="o">=</span> <span class="m">10</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">var</span> <span class="nx">queryDelay</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">queryDelay</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">queryDelay</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">queryDelay</span> <span class="o"><</span> <span class="m">0</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">queryDelay</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">2</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">var</span> <span class="nx">typeAheadDelay</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">typeAheadDelay</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">typeAheadDelay</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">typeAheadDelay</span> <span class="o"><</span> <span class="m">0</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">typeAheadDelay</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">2</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">var</span> <span class="nx">delimChar</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">delimChar</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">0</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span> <span class="o">=</span> <span class="o">[</span><span class="nx">delimChar</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">delimChar</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">var</span> <span class="nx">animSpeed</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">animSpeed</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">((</span><span class="k">this</span><span class="o">.</span><span class="nx">animHoriz</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">animVert</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Anim</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isNumber</span><span class="o">(</span><span class="nx">animSpeed</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">animSpeed</span> <span class="o"><</span> <span class="m">0</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">animSpeed</span> <span class="o">=</span> <span class="m">0</span><span class="o">.</span><span class="m">3</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_oAnim</span> <span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_oAnim</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Anim</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">,</span> <span class="o">{},</span> <span class="k">this</span><span class="o">.</span><span class="nx">animSpeed</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_oAnim</span><span class="o">.</span><span class="nx">duration</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">animSpeed</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">forceSelection</span> <span class="o">&&</span> <span class="nx">delimChar</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"The forceSelection feature has been enabled with delimChar defined."</span><span class="o">,</span><span class="s2">"warn"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initializes the results container helpers if they are enabled and do</span>
|
|
<span class="c"> * not exist</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _initContainerHelperEls</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_initContainerHelperEls</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">useShadow</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_elShadow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elShadow</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"div"</span><span class="o">);</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s2">"yui-ac-shadow"</span><span class="o">;</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elShadow</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elShadow</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">useIFrame</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_elIFrame</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elIFrame</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"iframe"</span><span class="o">);</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">src</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_iFrameSrc</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">frameBorder</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">scrolling</span> <span class="o">=</span> <span class="s2">"no"</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">position</span> <span class="o">=</span> <span class="s2">"absolute"</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">tabIndex</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">padding</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elIFrame</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elIFrame</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Initializes the results container once at object creation</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _initContainerEl</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_initContainerEl</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">,</span> <span class="s2">"yui-ac-container"</span><span class="o">);</span>
|
|
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// The elContent div is assigned DOM listeners and </span>
|
|
<span class="c"></span> <span class="c">// helps size the iframe and shadow properly</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">elContent</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"div"</span><span class="o">);</span>
|
|
<span class="nx">elContent</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s2">"yui-ac-content"</span><span class="o">;</span>
|
|
<span class="nx">elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elContent</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">elHeader</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"div"</span><span class="o">);</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s2">"yui-ac-hd"</span><span class="o">;</span>
|
|
<span class="nx">elHeader</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elHeader</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elHeader</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">elBody</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"div"</span><span class="o">);</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s2">"yui-ac-bd"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elBody</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elBody</span><span class="o">);</span>
|
|
|
|
<span class="k">var</span> <span class="nx">elFooter</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"div"</span><span class="o">);</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">className</span> <span class="o">=</span> <span class="s2">"yui-ac-ft"</span><span class="o">;</span>
|
|
<span class="nx">elFooter</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elFooter</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elFooter</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not initialize the container"</span><span class="o">,</span><span class="s2">"warn"</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Clears out contents of container body and creates up to</span>
|
|
<span class="c"> * YAHOO.widget.AutoComplete#maxResultsDisplayed &lt;li&gt; elements in an</span>
|
|
<span class="c"> * &lt;ul&gt; element.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _initListEl</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_initListEl</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nListLength</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">maxResultsDisplayed</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">elList</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span> <span class="o">||</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"ul"</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">elListItem</span><span class="o">;</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">.</span><span class="nx">length</span> <span class="o"><</span> <span class="nx">nListLength</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elListItem</span> <span class="o">=</span> <span class="nb">document</span><span class="o">.</span><span class="nx">createElement</span><span class="o">(</span><span class="s2">"li"</span><span class="o">);</span>
|
|
<span class="nx">elListItem</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="nx">elListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span> <span class="o">=</span> <span class="nx">elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="nx">elList</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elBody</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elBody</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">purgeElement</span><span class="o">(</span><span class="nx">elBody</span><span class="o">,</span> <span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">elBody</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elList</span> <span class="o">=</span> <span class="nx">elBody</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">elList</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Enables interval detection for IME support.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _enableIntervalDetection</span>
|
|
<span class="c"> * @re </span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_enableIntervalDetection</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">oSelf</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_queryInterval</span> <span class="o">&&</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">queryInterval</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_queryInterval</span> <span class="o">=</span> <span class="nx">setInterval</span><span class="o">(</span><span class="k">function</span><span class="o">()</span> <span class="o">{</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_onInterval</span><span class="o">();</span> <span class="o">},</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">queryInterval</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Interval set"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Enables query triggers based on text input detection by intervals (rather</span>
|
|
<span class="c"> * than by key events).</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onInterval</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onInterval</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">currValue</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">lastValue</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sLastTextboxValue</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">currValue</span> <span class="o">!=</span> <span class="nx">lastValue</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sLastTextboxValue</span> <span class="o">=</span> <span class="nx">currValue</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sendQuery</span><span class="o">(</span><span class="nx">currValue</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Cancels text input detection by intervals.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _clearInterval</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_clearInterval</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_queryInterval</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">clearInterval</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_queryInterval</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_queryInterval</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Interval cleared"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not key is functional or should be ignored. Note that the right</span>
|
|
<span class="c"> * arrow key is NOT an ignored key since it triggers queries for certain intl</span>
|
|
<span class="c"> * charsets.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _isIgnoreKey</span>
|
|
<span class="c"> * @param nKeycode {Number} Code of key pressed.</span>
|
|
<span class="c"> * @return {Boolean} True if key should be ignored, false otherwise.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_isIgnoreKey</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">nKeyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">((</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">9</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">13</span><span class="o">)</span> <span class="o">||</span> <span class="c">// tab, enter</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">16</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">17</span><span class="o">)</span> <span class="o">||</span> <span class="c">// shift, ctl</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">>=</span> <span class="m">18</span> <span class="o">&&</span> <span class="nx">nKeyCode</span> <span class="o"><=</span> <span class="m">20</span><span class="o">)</span> <span class="o">||</span> <span class="c">// alt, pause/break,caps lock</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">27</span><span class="o">)</span> <span class="o">||</span> <span class="c">// esc</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">>=</span> <span class="m">33</span> <span class="o">&&</span> <span class="nx">nKeyCode</span> <span class="o"><=</span> <span class="m">35</span><span class="o">)</span> <span class="o">||</span> <span class="c">// page up,page down,end</span>
|
|
<span class="c"></span> <span class="c">/*(nKeyCode >= 36 && nKeyCode <= 38) || // home,left,up</span>
|
|
<span class="c"> (nKeyCode == 40) || // down*/</span>
|
|
<span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">>=</span> <span class="m">36</span> <span class="o">&&</span> <span class="nx">nKeyCode</span> <span class="o"><=</span> <span class="m">40</span><span class="o">)</span> <span class="o">||</span> <span class="c">// home,left,up, right, down</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">>=</span> <span class="m">44</span> <span class="o">&&</span> <span class="nx">nKeyCode</span> <span class="o"><=</span> <span class="m">45</span><span class="o">)</span> <span class="o">||</span> <span class="c">// print screen,insert</span>
|
|
<span class="c"></span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">229</span><span class="o">)</span> <span class="c">// Bug 2041973: Korean XP fires 2 keyup events, the key and 229</span>
|
|
<span class="c"></span> <span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Makes query request to the DataSource.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _sendQuery</span>
|
|
<span class="c"> * @param sQuery {String} Query string.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_sendQuery</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Widget has been effectively turned off</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span> <span class="o"><</span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Property minQueryLength is less than 0"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Delimiter has been enabled</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">aDelimChar</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">aDelimChar</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Loop through all possible delimiters and find the rightmost one in the query</span>
|
|
<span class="c"></span> <span class="c">// A " " may be a false positive if they are defined as delimiters AND</span>
|
|
<span class="c"></span> <span class="c">// are used to separate delimited queries</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">nDelimIndex</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">aDelimChar</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nNewIndex</span> <span class="o">=</span> <span class="nx">sQuery</span><span class="o">.</span><span class="nx">lastIndexOf</span><span class="o">(</span><span class="nx">aDelimChar</span><span class="o">[</span><span class="nx">i</span><span class="o">]);</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nNewIndex</span> <span class="o">></span> <span class="nx">nDelimIndex</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">nDelimIndex</span> <span class="o">=</span> <span class="nx">nNewIndex</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// If we think the last delimiter is a space (" "), make sure it is NOT</span>
|
|
<span class="c"></span> <span class="c">// a false positive by also checking the char directly before it</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">aDelimChar</span><span class="o">[</span><span class="nx">i</span><span class="o">]</span> <span class="o">==</span> <span class="s2">" "</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="nx">aDelimChar</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">j</span> <span class="o">>=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">j</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">[</span><span class="nx">nDelimIndex</span> <span class="o">-</span> <span class="m">1</span><span class="o">]</span> <span class="o">==</span> <span class="nx">aDelimChar</span><span class="o">[</span><span class="nx">j</span><span class="o">])</span> <span class="o">{</span>
|
|
<span class="nx">nDelimIndex</span><span class="o">--;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// A delimiter has been found in the query so extract the latest query from past selections</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">nDelimIndex</span> <span class="o">></span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nQueryStart</span> <span class="o">=</span> <span class="nx">nDelimIndex</span> <span class="o">+</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="c">// Trim any white space from the beginning...</span>
|
|
<span class="c"></span> <span class="k">while</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">.</span><span class="nx">charAt</span><span class="o">(</span><span class="nx">nQueryStart</span><span class="o">)</span> <span class="o">==</span> <span class="s2">" "</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">nQueryStart</span> <span class="o">+=</span> <span class="m">1</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// ...and save the rest of the string for later</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">=</span> <span class="nx">sQuery</span><span class="o">.</span><span class="nx">substring</span><span class="o">(</span><span class="m">0</span><span class="o">,</span><span class="nx">nQueryStart</span><span class="o">);</span>
|
|
<span class="c">// Here is the query itself</span>
|
|
<span class="c"></span> <span class="nx">sQuery</span> <span class="o">=</span> <span class="nx">sQuery</span><span class="o">.</span><span class="nx">substr</span><span class="o">(</span><span class="nx">nQueryStart</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// No delimiter found in the query, so there are no selections from past queries</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Don't search queries that are too short</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">((</span><span class="nx">sQuery</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">sQuery</span><span class="o">.</span><span class="nx">length</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span><span class="o">))</span> <span class="o">||</span> <span class="o">(!</span><span class="nx">sQuery</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">minQueryLength</span> <span class="o">></span> <span class="m">0</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_nDelayID</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">clearTimeout</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_nDelayID</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Query \""</span> <span class="o">+</span> <span class="nx">sQuery</span> <span class="o">+</span> <span class="s2">"\" is too short"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">sQuery</span> <span class="o">=</span> <span class="nb">encodeURIComponent</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_nDelayID</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="c">// Reset timeout ID because request is being made</span>
|
|
<span class="c"></span>
|
|
<span class="c">// Subset matching</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">queryMatchSubset</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">queryMatchSubset</span><span class="o">)</span> <span class="o">{</span> <span class="c">// backward compat</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">oResponse</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">getSubsetMatches</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oResponse</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">handleResponse</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="o">{</span><span class="nx">query</span><span class="o">:</span> <span class="nx">sQuery</span><span class="o">});</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">responseStripAfter</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">doBeforeParseData</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">preparseRawResponse</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">applyLocalFilter</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">doBeforeCallback</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">filterResults</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sRequest</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">generateRequest</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataRequestEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">sRequest</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Sending query \""</span> <span class="o">+</span> <span class="nx">sRequest</span> <span class="o">+</span> <span class="s2">"\""</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">sendRequest</span><span class="o">(</span><span class="nx">sRequest</span><span class="o">,</span> <span class="o">{</span>
|
|
<span class="nx">success</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">handleResponse</span><span class="o">,</span>
|
|
<span class="nx">failure</span> <span class="o">:</span> <span class="k">this</span><span class="o">.</span><span class="nx">handleResponse</span><span class="o">,</span>
|
|
<span class="nx">scope</span> <span class="o">:</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">argument</span><span class="o">:</span> <span class="o">{</span>
|
|
<span class="nx">query</span><span class="o">:</span> <span class="nx">sQuery</span>
|
|
<span class="o">}</span>
|
|
<span class="o">});</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Populates the array of &lt;li&gt; elements in the container with query</span>
|
|
<span class="c"> * results.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _populateList</span>
|
|
<span class="c"> * @param sQuery {String} Original request.</span>
|
|
<span class="c"> * @param oResponse {Object} Response object.</span>
|
|
<span class="c"> * @param oPayload {MIXED} (optional) Additional argument(s)</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_populateList</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="nx">oPayload</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Clear previous timeout</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">clearTimeout</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">sQuery</span> <span class="o">=</span> <span class="o">(</span><span class="nx">oPayload</span> <span class="o">&&</span> <span class="nx">oPayload</span><span class="o">.</span><span class="nx">query</span><span class="o">)</span> <span class="o">?</span> <span class="nx">oPayload</span><span class="o">.</span><span class="nx">query</span> <span class="o">:</span> <span class="nx">sQuery</span><span class="o">;</span>
|
|
|
|
<span class="c">// Pass data through abstract method for any transformations</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">ok</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">doBeforeLoadData</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">,</span> <span class="nx">oPayload</span><span class="o">);</span>
|
|
|
|
<span class="c">// Data is ok</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">ok</span> <span class="o">&&</span> <span class="o">!</span><span class="nx">oResponse</span><span class="o">.</span><span class="nx">error</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataReturnEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">oResponse</span><span class="o">.</span><span class="nx">results</span><span class="o">);</span>
|
|
|
|
<span class="c">// Continue only if instance is still focused (i.e., user hasn't already moved on)</span>
|
|
<span class="c"></span> <span class="c">// Null indicates initialized state, which is ok too</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">||</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">===</span> <span class="kc">null</span><span class="o">))</span> <span class="o">{</span>
|
|
|
|
<span class="c">//TODO: is this still necessary?</span>
|
|
<span class="c"></span> <span class="c">/*var isOpera = (YAHOO.env.ua.opera);</span>
|
|
<span class="c"> var contentStyle = this._elContent.style;</span>
|
|
<span class="c"> contentStyle.width = (!isOpera) ? null : "";</span>
|
|
<span class="c"> contentStyle.height = (!isOpera) ? null : "";*/</span>
|
|
|
|
<span class="c">// Store state for this interaction</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">sCurQuery</span> <span class="o">=</span> <span class="nb">decodeURIComponent</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sCurQuery</span> <span class="o">=</span> <span class="nx">sCurQuery</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bItemSelected</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">allResults</span> <span class="o">=</span> <span class="nx">oResponse</span><span class="o">.</span><span class="nx">results</span><span class="o">,</span>
|
|
<span class="nx">nItemsToShow</span> <span class="o">=</span> <span class="nb">Math</span><span class="o">.</span><span class="nx">min</span><span class="o">(</span><span class="nx">allResults</span><span class="o">.</span><span class="nx">length</span><span class="o">,</span><span class="k">this</span><span class="o">.</span><span class="nx">maxResultsDisplayed</span><span class="o">),</span>
|
|
<span class="nx">sMatchKey</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">[</span><span class="m">0</span><span class="o">].</span><span class="nx">key</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">[</span><span class="m">0</span><span class="o">])</span> <span class="o">:</span> <span class="m">0</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nItemsToShow</span> <span class="o">></span> <span class="m">0</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Make sure container and helpers are ready to go</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_elList</span> <span class="o">||</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">.</span><span class="nx">length</span> <span class="o"><</span> <span class="nx">nItemsToShow</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initListEl</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_initContainerHelperEls</span><span class="o">();</span>
|
|
|
|
<span class="k">var</span> <span class="nx">allListItemEls</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">;</span>
|
|
<span class="c">// Fill items with data from the bottom up</span>
|
|
<span class="c"></span> <span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="nx">nItemsToShow</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elListItem</span> <span class="o">=</span> <span class="nx">allListItemEls</span><span class="o">[</span><span class="nx">i</span><span class="o">],</span>
|
|
<span class="nx">oResult</span> <span class="o">=</span> <span class="nx">allResults</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
|
|
<span class="c">// Backward compatibility</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">resultTypeList</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Results need to be converted back to an array</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">aResult</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="c">// Match key is first</span>
|
|
<span class="c"></span> <span class="nx">aResult</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">=</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">?</span> <span class="nx">oResult</span> <span class="o">:</span> <span class="nx">oResult</span><span class="o">[</span><span class="nx">sMatchKey</span><span class="o">]</span> <span class="o">||</span> <span class="nx">oResult</span><span class="o">[</span><span class="k">this</span><span class="o">.</span><span class="nx">key</span><span class="o">];</span>
|
|
<span class="c">// Add additional data to the result array</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">fields</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">dataSource</span><span class="o">.</span><span class="nx">responseSchema</span><span class="o">.</span><span class="nx">fields</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">fields</span><span class="o">)</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">fields</span><span class="o">.</span><span class="nx">length</span> <span class="o">></span> <span class="m">1</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">k</span><span class="o">=</span><span class="m">1</span><span class="o">,</span> <span class="nx">len</span><span class="o">=</span><span class="nx">fields</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="nx">k</span><span class="o"><</span><span class="nx">len</span><span class="o">;</span> <span class="nx">k</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="nx">aResult</span><span class="o">[</span><span class="nx">aResult</span><span class="o">.</span><span class="nx">length</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">[</span><span class="nx">fields</span><span class="o">[</span><span class="nx">k</span><span class="o">].</span><span class="nx">key</span> <span class="o">||</span> <span class="nx">fields</span><span class="o">[</span><span class="nx">k</span><span class="o">]];</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// No specific fields defined, so pass along entire data object</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// Already an array</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">aResult</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Simple string </span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">aResult</span> <span class="o">=</span> <span class="o">[</span><span class="nx">oResult</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Object</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">aResult</span><span class="o">[</span><span class="m">1</span><span class="o">]</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oResult</span> <span class="o">=</span> <span class="nx">aResult</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// The matching value, including backward compatibility for array format and safety net</span>
|
|
<span class="c"></span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span> <span class="o">=</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isString</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">?</span> <span class="nx">oResult</span> <span class="o">:</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">oResult</span><span class="o">))</span> <span class="o">?</span> <span class="nx">oResult</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">:</span> <span class="o">(</span><span class="nx">oResult</span><span class="o">[</span><span class="nx">sMatchKey</span><span class="o">]</span> <span class="o">||</span> <span class="s2">""</span><span class="o">);</span>
|
|
<span class="nx">elListItem</span><span class="o">.</span><span class="nx">_oResultData</span> <span class="o">=</span> <span class="nx">oResult</span><span class="o">;</span> <span class="c">// Additional data</span>
|
|
<span class="c"></span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">innerHTML</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">formatResult</span><span class="o">(</span><span class="nx">oResult</span><span class="o">,</span> <span class="nx">sCurQuery</span><span class="o">,</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span><span class="o">);</span>
|
|
<span class="nx">elListItem</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Clear out extraneous items</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">nItemsToShow</span> <span class="o"><</span> <span class="nx">allListItemEls</span><span class="o">.</span><span class="nx">length</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">extraListItem</span><span class="o">;</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="nx">allListItemEls</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">j</span> <span class="o">>=</span> <span class="nx">nItemsToShow</span><span class="o">;</span> <span class="nx">j</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="nx">extraListItem</span> <span class="o">=</span> <span class="nx">allListItemEls</span><span class="o">[</span><span class="nx">j</span><span class="o">];</span>
|
|
<span class="nx">extraListItem</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_nDisplayedItems</span> <span class="o">=</span> <span class="nx">nItemsToShow</span><span class="o">;</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerPopulateEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">allResults</span><span class="o">);</span>
|
|
|
|
<span class="c">// Highlight the first item</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">autoHighlight</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elFirstListItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">firstChild</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elFirstListItem</span><span class="o">,</span><span class="s2">"to"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowToEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">elFirstListItem</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Arrowed to first item"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_typeAhead</span><span class="o">(</span><span class="nx">elFirstListItem</span><span class="o">,</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Unhighlight any previous time</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">,</span><span class="s2">"from"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Expand the container</span>
|
|
<span class="c"></span> <span class="nx">ok</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">doBeforeExpandContainer</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">,</span> <span class="nx">allResults</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="nx">ok</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Container populated with "</span> <span class="o">+</span> <span class="nx">nItemsToShow</span> <span class="o">+</span> <span class="s2">" list items"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Error</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">dataErrorEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Could not populate list"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * When forceSelection is true and the user attempts</span>
|
|
<span class="c"> * leave the text input box without selecting an item from the query results,</span>
|
|
<span class="c"> * the user selection is cleared.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _clearSelection</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_clearSelection</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">sValue</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
<span class="c">//TODO: need to check against all delimChars?</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">sChar</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">?</span> <span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nIndex</span> <span class="o">=</span> <span class="o">(</span><span class="nx">sChar</span><span class="o">)</span> <span class="o">?</span> <span class="nx">sValue</span><span class="o">.</span><span class="nx">lastIndexOf</span><span class="o">(</span><span class="nx">sChar</span><span class="o">,</span> <span class="nx">sValue</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">2</span><span class="o">)</span> <span class="o">:</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nIndex</span> <span class="o">></span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">sValue</span><span class="o">.</span><span class="nx">substring</span><span class="o">(</span><span class="m">0</span><span class="o">,</span><span class="nx">nIndex</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
|
|
<span class="c">// Fire custom event</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">selectionEnforceEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Selection enforced"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Whether or not user-typed value in the text input box matches any of the</span>
|
|
<span class="c"> * query results.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _textMatchesOption</span>
|
|
<span class="c"> * @return {HTMLElement} Matching list item element if user-input text matches</span>
|
|
<span class="c"> * a result, null otherwise.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_textMatchesOption</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elMatch</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_nDisplayedItems</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">i</span> <span class="o">>=</span> <span class="m">0</span> <span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elListItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
<span class="k">var</span> <span class="nx">sMatch</span> <span class="o">=</span> <span class="o">(</span><span class="s2">""</span> <span class="o">+</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span><span class="o">).</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sMatch</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sCurQuery</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">())</span> <span class="o">{</span>
|
|
<span class="nx">elMatch</span> <span class="o">=</span> <span class="nx">elListItem</span><span class="o">;</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span><span class="o">(</span><span class="nx">elMatch</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Updates in the text input box with the first query result as the user types,</span>
|
|
<span class="c"> * selecting the substring that the user has not typed.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _typeAhead</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} The &lt;li&gt; element item whose data populates the input field.</span>
|
|
<span class="c"> * @param sQuery {String} Query string.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_typeAhead</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">,</span> <span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Don't typeAhead if turned off or is backspace</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">typeAhead</span> <span class="o">||</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">==</span> <span class="m">8</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oSelf</span> <span class="o">=</span> <span class="k">this</span><span class="o">,</span>
|
|
<span class="nx">elTextbox</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">;</span>
|
|
|
|
<span class="c">// Only if text selection is supported</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">.</span><span class="nx">setSelectionRange</span> <span class="o">||</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">createTextRange</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Set and store timeout for this typeahead</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span> <span class="o">=</span> <span class="nx">setTimeout</span><span class="o">(</span><span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="c">// Select the portion of text that the user has not typed</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">nStart</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span> <span class="c">// any saved queries plus what user has typed</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_updateValue</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">nEnd</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectText</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="nx">nStart</span><span class="o">,</span><span class="nx">nEnd</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">sPrefill</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">.</span><span class="nx">substr</span><span class="o">(</span><span class="nx">nStart</span><span class="o">,</span><span class="nx">nEnd</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">typeAheadEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">,</span><span class="nx">sQuery</span><span class="o">,</span><span class="nx">sPrefill</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Typeahead occured with prefill string \""</span> <span class="o">+</span> <span class="nx">sPrefill</span> <span class="o">+</span> <span class="s2">"\""</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">},(</span><span class="k">this</span><span class="o">.</span><span class="nx">typeAheadDelay</span><span class="o">*</span><span class="m">1000</span><span class="o">));</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Selects text in the input field.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _selectText</span>
|
|
<span class="c"> * @param elTextbox {HTMLElement} Text input box element in which to select text.</span>
|
|
<span class="c"> * @param nStart {Number} Starting index of text string to select.</span>
|
|
<span class="c"> * @param nEnd {Number} Ending index of text selection.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_selectText</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span> <span class="nx">nStart</span><span class="o">,</span> <span class="nx">nEnd</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">.</span><span class="nx">setSelectionRange</span><span class="o">)</span> <span class="o">{</span> <span class="c">// For Mozilla</span>
|
|
<span class="c"></span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">setSelectionRange</span><span class="o">(</span><span class="nx">nStart</span><span class="o">,</span><span class="nx">nEnd</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">.</span><span class="nx">createTextRange</span><span class="o">)</span> <span class="o">{</span> <span class="c">// For IE</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">oTextRange</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">createTextRange</span><span class="o">();</span>
|
|
<span class="nx">oTextRange</span><span class="o">.</span><span class="nx">moveStart</span><span class="o">(</span><span class="s2">"character"</span><span class="o">,</span> <span class="nx">nStart</span><span class="o">);</span>
|
|
<span class="nx">oTextRange</span><span class="o">.</span><span class="nx">moveEnd</span><span class="o">(</span><span class="s2">"character"</span><span class="o">,</span> <span class="nx">nEnd</span><span class="o">-</span><span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">.</span><span class="nx">length</span><span class="o">);</span>
|
|
<span class="nx">oTextRange</span><span class="o">.</span><span class="nx">select</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elTextbox</span><span class="o">.</span><span class="nx">select</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Syncs results container with its helpers.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _toggleContainerHelpers</span>
|
|
<span class="c"> * @param bShow {Boolean} True if container is expanded, false if collapsed</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">width</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">offsetWidth</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">height</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">offsetHeight</span> <span class="o">+</span> <span class="s2">"px"</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">useIFrame</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elIFrame</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elIFrame</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elIFrame</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">width</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">height</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">padding</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Iframe expanded"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elIFrame</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">padding</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Iframe collapsed"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">useShadow</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elShadow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elShadow</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elShadow</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">width</span><span class="o">;</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">height</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Shadow expanded"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">elShadow</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Shadow collapsed"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Animates expansion or collapse of the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _toggleContainer</span>
|
|
<span class="c"> * @param bShow {Boolean} True if container should be expanded, false if container should be collapsed</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_toggleContainer</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elContainer</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContainer</span><span class="o">;</span>
|
|
|
|
<span class="c">// If implementer has container always open and it's already open, don't mess with it</span>
|
|
<span class="c"></span> <span class="c">// Container is initialized with display "none" so it may need to be shown first time through</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">alwaysShowContainer</span> <span class="o">&&</span> <span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Reset states</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">,</span><span class="s2">"from"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_nDisplayedItems</span> <span class="o">=</span> <span class="m">0</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sCurQuery</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="c">// Container is already closed, so don't bother with changing the UI</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// If animation is enabled...</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">oAnim</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_oAnim</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oAnim</span> <span class="o">&&</span> <span class="nx">oAnim</span><span class="o">.</span><span class="nx">getEl</span><span class="o">()</span> <span class="o">&&</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">animHoriz</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">animVert</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oAnim</span><span class="o">.</span><span class="nx">isAnimated</span><span class="o">())</span> <span class="o">{</span>
|
|
<span class="nx">oAnim</span><span class="o">.</span><span class="nx">stop</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Clone container to grab current size offscreen</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">oClone</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">cloneNode</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">elContainer</span><span class="o">.</span><span class="nx">appendChild</span><span class="o">(</span><span class="nx">oClone</span><span class="o">);</span>
|
|
<span class="nx">oClone</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">top</span> <span class="o">=</span> <span class="s2">"-9000px"</span><span class="o">;</span>
|
|
<span class="nx">oClone</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">oClone</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">oClone</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
|
|
<span class="c">// Current size of the container is the EXPANDED size</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">wExp</span> <span class="o">=</span> <span class="nx">oClone</span><span class="o">.</span><span class="nx">offsetWidth</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">hExp</span> <span class="o">=</span> <span class="nx">oClone</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">;</span>
|
|
|
|
<span class="c">// Calculate COLLAPSED sizes based on horiz and vert anim</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">wColl</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">animHoriz</span><span class="o">)</span> <span class="o">?</span> <span class="m">0</span> <span class="o">:</span> <span class="nx">wExp</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">hColl</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">animVert</span><span class="o">)</span> <span class="o">?</span> <span class="m">0</span> <span class="o">:</span> <span class="nx">hExp</span><span class="o">;</span>
|
|
|
|
<span class="c">// Set animation sizes</span>
|
|
<span class="c"></span> <span class="nx">oAnim</span><span class="o">.</span><span class="nx">attributes</span> <span class="o">=</span> <span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="o">{</span><span class="nx">width</span><span class="o">:</span> <span class="o">{</span> <span class="nx">to</span><span class="o">:</span> <span class="nx">wExp</span> <span class="o">},</span> <span class="nx">height</span><span class="o">:</span> <span class="o">{</span> <span class="nx">to</span><span class="o">:</span> <span class="nx">hExp</span> <span class="o">}}</span> <span class="o">:</span>
|
|
<span class="o">{</span><span class="nx">width</span><span class="o">:</span> <span class="o">{</span> <span class="nx">to</span><span class="o">:</span> <span class="nx">wColl</span><span class="o">},</span> <span class="nx">height</span><span class="o">:</span> <span class="o">{</span> <span class="nx">to</span><span class="o">:</span> <span class="nx">hColl</span> <span class="o">}};</span>
|
|
|
|
<span class="c">// If opening anew, set to a collapsed size...</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">bShow</span> <span class="o">&&</span> <span class="o">!</span><span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">wColl</span><span class="o">+</span><span class="s2">"px"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">hColl</span><span class="o">+</span><span class="s2">"px"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Else, set it to its last known size.</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">width</span> <span class="o">=</span> <span class="nx">wExp</span><span class="o">+</span><span class="s2">"px"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">height</span> <span class="o">=</span> <span class="nx">hExp</span><span class="o">+</span><span class="s2">"px"</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">elContainer</span><span class="o">.</span><span class="nx">removeChild</span><span class="o">(</span><span class="nx">oClone</span><span class="o">);</span>
|
|
<span class="nx">oClone</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
|
|
<span class="k">var</span> <span class="nx">oSelf</span> <span class="o">=</span> <span class="k">this</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">onAnimComplete</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="c">// Finish the collapse</span>
|
|
<span class="c"></span> <span class="nx">oAnim</span><span class="o">.</span><span class="nx">onComplete</span><span class="o">.</span><span class="nx">unsubscribeAll</span><span class="o">();</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">=</span> <span class="nx">bShow</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">containerExpandEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Container expanded"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">=</span> <span class="nx">bShow</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">containerCollapseEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Container collapsed"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">// Display container and animate it</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span> <span class="c">// Bug 1424486: Be early to hide, late to show;</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="nx">oAnim</span><span class="o">.</span><span class="nx">onComplete</span><span class="o">.</span><span class="nx">subscribe</span><span class="o">(</span><span class="nx">onAnimComplete</span><span class="o">);</span>
|
|
<span class="nx">oAnim</span><span class="o">.</span><span class="nx">animate</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Else don't animate, just show or hide</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">bShow</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span><span class="o">(</span><span class="kc">true</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">=</span> <span class="nx">bShow</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerExpandEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Container expanded"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">style</span><span class="o">.</span><span class="nx">display</span> <span class="o">=</span> <span class="s2">"none"</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">=</span> <span class="nx">bShow</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">containerCollapseEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Container collapsed"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Toggles the highlight on or off for an item in the container, and also cleans</span>
|
|
<span class="c"> * up highlighting of any previous item.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _toggleHighlight</span>
|
|
<span class="c"> * @param elNewListItem {HTMLElement} The &lt;li&gt; element item to receive highlight behavior.</span>
|
|
<span class="c"> * @param sType {String} Type "mouseover" will toggle highlight on, and "mouseout" will toggle highlight off.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_toggleHighlight</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="nx">sType</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">sHighlight</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">highlightClassName</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Remove highlight from old item</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">,</span> <span class="nx">sHighlight</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span> <span class="o">=</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">((</span><span class="nx">sType</span> <span class="o">==</span> <span class="s2">"to"</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">sHighlight</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Apply highlight to new item</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="nx">sHighlight</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span> <span class="o">=</span> <span class="nx">elNewListItem</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Toggles the pre-highlight on or off for an item in the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _togglePrehighlight</span>
|
|
<span class="c"> * @param elNewListItem {HTMLElement} The &lt;li&gt; element item to receive highlight behavior.</span>
|
|
<span class="c"> * @param sType {String} Type "mouseover" will toggle highlight on, and "mouseout" will toggle highlight off.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_togglePrehighlight</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="nx">sType</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elNewListItem</span> <span class="o">==</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">sPrehighlight</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">prehighlightClassName</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">((</span><span class="nx">sType</span> <span class="o">==</span> <span class="s2">"mouseover"</span><span class="o">)</span> <span class="o">&&</span> <span class="nx">sPrehighlight</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Apply prehighlight to new item</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">addClass</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="nx">sPrehighlight</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// Remove prehighlight from old item</span>
|
|
<span class="c"></span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">removeClass</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="nx">sPrehighlight</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Updates the text input box value with selected query result. If a delimiter</span>
|
|
<span class="c"> * has been defined, then the value gets appended with the delimiter.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _updateValue</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} The &lt;li&gt; element item with which to update the value.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_updateValue</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="k">this</span><span class="o">.</span><span class="nx">suppressInputUpdate</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elTextbox</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">sDelimChar</span> <span class="o">=</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">?</span> <span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">[</span><span class="m">0</span><span class="o">]</span> <span class="o">||</span> <span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">:</span> <span class="kc">null</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">sResultMatch</span> <span class="o">=</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_sResultMatch</span><span class="o">;</span>
|
|
|
|
<span class="c">// Calculate the new value</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">sNewValue</span> <span class="o">=</span> <span class="s2">""</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sDelimChar</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Preserve selections from past queries</span>
|
|
<span class="c"></span> <span class="nx">sNewValue</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span><span class="o">;</span>
|
|
<span class="c">// Add new selection plus delimiter</span>
|
|
<span class="c"></span> <span class="nx">sNewValue</span> <span class="o">+=</span> <span class="nx">sResultMatch</span> <span class="o">+</span> <span class="nx">sDelimChar</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">sDelimChar</span> <span class="o">!=</span> <span class="s2">" "</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">sNewValue</span> <span class="o">+=</span> <span class="s2">" "</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">sNewValue</span> <span class="o">=</span> <span class="nx">sResultMatch</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Update input field</span>
|
|
<span class="c"></span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="nx">sNewValue</span><span class="o">;</span>
|
|
|
|
<span class="c">// Scroll to bottom of textarea if necessary</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">.</span><span class="nx">type</span> <span class="o">==</span> <span class="s2">"textarea"</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elTextbox</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">scrollHeight</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Move cursor to end</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">end</span> <span class="o">=</span> <span class="nx">elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_selectText</span><span class="o">(</span><span class="nx">elTextbox</span><span class="o">,</span><span class="nx">end</span><span class="o">,</span><span class="nx">end</span><span class="o">);</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span> <span class="o">=</span> <span class="nx">elListItem</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Selects a result item from the container</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _selectItem</span>
|
|
<span class="c"> * @param elListItem {HTMLElement} The selected &lt;li&gt; element item.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_selectItem</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_bItemSelected</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateValue</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_clearInterval</span><span class="o">();</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemSelectEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">elListItem</span><span class="o">,</span> <span class="nx">elListItem</span><span class="o">.</span><span class="nx">_oResultData</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item selected: "</span> <span class="o">+</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">dump</span><span class="o">(</span><span class="nx">elListItem</span><span class="o">.</span><span class="nx">_oResultData</span><span class="o">),</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * If an item is highlighted in the container, the right arrow key jumps to the</span>
|
|
<span class="c"> * end of the textbox and selects the highlighted item, otherwise the container</span>
|
|
<span class="c"> * is closed.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _jumpSelection</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_jumpSelection</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Triggered by up and down arrow keys, changes the current highlighted</span>
|
|
<span class="c"> * &lt;li&gt; element item. Scrolls container if necessary.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _moveSelection</span>
|
|
<span class="c"> * @param nKeyCode {Number} Code of key pressed.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_moveSelection</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">nKeyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Determine current item's id number</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">elCurListItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">nCurItemIndex</span> <span class="o">=</span> <span class="o">-</span><span class="m">1</span><span class="o">;</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">nCurItemIndex</span> <span class="o">=</span> <span class="nx">elCurListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">nNewItemIndex</span> <span class="o">=</span> <span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">40</span><span class="o">)</span> <span class="o">?</span>
|
|
<span class="o">(</span><span class="nx">nCurItemIndex</span> <span class="o">+</span> <span class="m">1</span><span class="o">)</span> <span class="o">:</span> <span class="o">(</span><span class="nx">nCurItemIndex</span> <span class="o">-</span> <span class="m">1</span><span class="o">);</span>
|
|
|
|
<span class="c">// Out of bounds</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">nNewItemIndex</span> <span class="o"><</span> <span class="o">-</span><span class="m">2</span> <span class="o">||</span> <span class="nx">nNewItemIndex</span> <span class="o">>=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_nDisplayedItems</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Unhighlight current item</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elCurListItem</span><span class="o">,</span> <span class="s2">"from"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowFromEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">elCurListItem</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item arrowed from: "</span> <span class="o">+</span> <span class="nx">elCurListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nNewItemIndex</span> <span class="o">==</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Go back to query (remove type-ahead string)</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sPastSelections</span> <span class="o">+</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sCurQuery</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_sCurQuery</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nNewItemIndex</span> <span class="o">==</span> <span class="o">-</span><span class="m">2</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Close container</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">elNewListItem</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">[</span><span class="nx">nNewItemIndex</span><span class="o">];</span>
|
|
|
|
<span class="c">// Scroll the container if necessary</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">elContent</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">;</span>
|
|
<span class="k">var</span> <span class="nx">scrollOn</span> <span class="o">=</span> <span class="o">((</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">elContent</span><span class="o">,</span><span class="s2">"overflow"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"auto"</span><span class="o">)</span> <span class="o">||</span>
|
|
<span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">getStyle</span><span class="o">(</span><span class="nx">elContent</span><span class="o">,</span><span class="s2">"overflowY"</span><span class="o">)</span> <span class="o">==</span> <span class="s2">"auto"</span><span class="o">));</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">scrollOn</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">nNewItemIndex</span> <span class="o">></span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">&&</span>
|
|
<span class="o">(</span><span class="nx">nNewItemIndex</span> <span class="o"><</span> <span class="k">this</span><span class="o">.</span><span class="nx">_nDisplayedItems</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="c">// User is keying down</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">40</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Bottom of selected item is below scroll area...</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">((</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">+</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">)</span> <span class="o">></span> <span class="o">(</span><span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">+</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="c">// Set bottom of scroll area to bottom of selected item</span>
|
|
<span class="c"></span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="o">(</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">+</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">)</span> <span class="o">-</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Bottom of selected item is above scroll area...</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">((</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">+</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">)</span> <span class="o"><</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Set top of selected item to top of scroll area</span>
|
|
<span class="c"></span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">;</span>
|
|
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// User is keying up</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// Top of selected item is above scroll area</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span> <span class="o"><</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Set top of scroll area to top of selected item</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Top of selected item is below scroll area</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span> <span class="o">></span> <span class="o">(</span><span class="nx">elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">+</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="c">// Set bottom of selected item to bottom of scroll area</span>
|
|
<span class="c"></span> <span class="k">this</span><span class="o">.</span><span class="nx">_elContent</span><span class="o">.</span><span class="nx">scrollTop</span> <span class="o">=</span> <span class="o">(</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetTop</span><span class="o">+</span><span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">)</span> <span class="o">-</span> <span class="nx">elContent</span><span class="o">.</span><span class="nx">offsetHeight</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">,</span> <span class="s2">"to"</span><span class="o">);</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">itemArrowToEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="k">this</span><span class="o">,</span> <span class="nx">elNewListItem</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item arrowed to "</span> <span class="o">+</span> <span class="nx">elNewListItem</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="k">this</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="k">this</span><span class="o">.</span><span class="nx">typeAhead</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">this</span><span class="o">.</span><span class="nx">_updateValue</span><span class="o">(</span><span class="nx">elNewListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Private event handlers</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles &lt;li&gt; element mouseover events in the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onItemMouseover</span>
|
|
<span class="c"> * @param v {HTMLEvent} The mouseover event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="c">/*YAHOO.widget.AutoComplete.prototype._onItemMouseover = function(v,oSelf) {</span>
|
|
<span class="c"> if(oSelf.prehighlightClassName) {</span>
|
|
<span class="c"> oSelf._togglePrehighlight(this,"mouseover");</span>
|
|
<span class="c"> }</span>
|
|
<span class="c"> else {</span>
|
|
<span class="c"> oSelf._toggleHighlight(this,"to");</span>
|
|
<span class="c"> }</span>
|
|
<span class="c"></span>
|
|
<span class="c"> oSelf.itemMouseOverEvent.fire(oSelf, this);</span>
|
|
<span class="c"> YAHOO.log("Item moused over", "info", oSelf.toString());</span>
|
|
<span class="c">};*/</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles &lt;li&gt; element mouseout events in the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onItemMouseout</span>
|
|
<span class="c"> * @param v {HTMLEvent} The mouseout event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="c">/*YAHOO.widget.AutoComplete.prototype._onItemMouseout = function(v,oSelf) {</span>
|
|
<span class="c"> if(oSelf.prehighlightClassName) {</span>
|
|
<span class="c"> oSelf._togglePrehighlight(this,"mouseout");</span>
|
|
<span class="c"> }</span>
|
|
<span class="c"> else {</span>
|
|
<span class="c"> oSelf._toggleHighlight(this,"from");</span>
|
|
<span class="c"> }</span>
|
|
<span class="c"></span>
|
|
<span class="c"> oSelf.itemMouseOutEvent.fire(oSelf, this);</span>
|
|
<span class="c"> YAHOO.log("Item moused out", "info", oSelf.toString());</span>
|
|
<span class="c">};*/</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles &lt;li&gt; element click events in the container.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onItemMouseclick</span>
|
|
<span class="c"> * @param v {HTMLEvent} The click event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="c">/*YAHOO.widget.AutoComplete.prototype._onItemMouseclick = function(v,oSelf) {</span>
|
|
<span class="c"> // In case item has not been moused over</span>
|
|
<span class="c"> oSelf._toggleHighlight(this,"to");</span>
|
|
<span class="c"> oSelf._selectItem(this);</span>
|
|
<span class="c">};*/</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles container mouseover events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onContainerMouseover</span>
|
|
<span class="c"> * @param v {HTMLEvent} The mouseover event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onContainerMouseover</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">elTarget</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">elTag</span> <span class="o">!=</span> <span class="s2">"table"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">elTag</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="s2">"body"</span><span class="o">:</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"li"</span><span class="o">:</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">prehighlightClassName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_togglePrehighlight</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"mouseover"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"to"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">itemMouseOverEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">,</span> <span class="nx">elTarget</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item moused over "</span> <span class="o">+</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"div"</span><span class="o">:</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">hasClass</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"yui-ac-container"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bOverContainer</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles container mouseout events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onContainerMouseout</span>
|
|
<span class="c"> * @param v {HTMLEvent} The mouseout event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onContainerMouseout</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">elTarget</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">elTag</span> <span class="o">!=</span> <span class="s2">"table"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">elTag</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="s2">"body"</span><span class="o">:</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"li"</span><span class="o">:</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">prehighlightClassName</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_togglePrehighlight</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"mouseout"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"from"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">itemMouseOutEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">,</span> <span class="nx">elTarget</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Item moused out "</span> <span class="o">+</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">_nItemIndex</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"ul"</span><span class="o">:</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">,</span><span class="s2">"to"</span><span class="o">);</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"div"</span><span class="o">:</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Dom</span><span class="o">.</span><span class="nx">hasClass</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"yui-ac-container"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bOverContainer</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles container click events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onContainerClick</span>
|
|
<span class="c"> * @param v {HTMLEvent} The click event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onContainerClick</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">getTarget</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="k">var</span> <span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="k">while</span><span class="o">(</span><span class="nx">elTarget</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">elTag</span> <span class="o">!=</span> <span class="s2">"table"</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">switch</span><span class="o">(</span><span class="nx">elTag</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="s2">"body"</span><span class="o">:</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="s2">"li"</span><span class="o">:</span>
|
|
<span class="c">// In case item has not been moused over</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">,</span><span class="s2">"to"</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">);</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">elTarget</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">parentNode</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">elTarget</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">elTag</span> <span class="o">=</span> <span class="nx">elTarget</span><span class="o">.</span><span class="nx">nodeName</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles container scroll events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onContainerScroll</span>
|
|
<span class="c"> * @param v {HTMLEvent} The scroll event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onContainerScroll</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">focus</span><span class="o">();</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles container resize events.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onContainerResize</span>
|
|
<span class="c"> * @param v {HTMLEvent} The resize event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onContainerResize</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainerHelpers</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles textbox keydown events of functional keys, mainly for UI behavior.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onTextboxKeyDown</span>
|
|
<span class="c"> * @param v {HTMLEvent} The keydown event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onTextboxKeyDown</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nKeyCode</span> <span class="o">=</span> <span class="nx">v</span><span class="o">.</span><span class="nx">keyCode</span><span class="o">;</span>
|
|
|
|
<span class="c">// Clear timeout</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">clearTimeout</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nTypeAheadDelayID</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">nKeyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="m">9</span><span class="o">:</span> <span class="c">// tab</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">opera</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">navigator</span><span class="o">.</span><span class="nx">userAgent</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">().</span><span class="nx">indexOf</span><span class="o">(</span><span class="s2">"mac"</span><span class="o">)</span> <span class="o">==</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">webkit</span><span class="o">></span><span class="m">420</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="c">// select an item or clear out</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">delimChar</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">!=</span> <span class="nx">nKeyCode</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">13</span><span class="o">:</span> <span class="c">// enter</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">opera</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">navigator</span><span class="o">.</span><span class="nx">userAgent</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">().</span><span class="nx">indexOf</span><span class="o">(</span><span class="s2">"mac"</span><span class="o">)</span> <span class="o">==</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">||</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">webkit</span><span class="o">></span><span class="m">420</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">!=</span> <span class="nx">nKeyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">27</span><span class="o">:</span> <span class="c">// esc</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">39</span><span class="o">:</span> <span class="c">// right</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_jumpSelection</span><span class="o">();</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">38</span><span class="o">:</span> <span class="c">// up</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_moveSelection</span><span class="o">(</span><span class="nx">nKeyCode</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">40</span><span class="o">:</span> <span class="c">// down</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_moveSelection</span><span class="o">(</span><span class="nx">nKeyCode</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bItemSelected</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleHighlight</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">,</span> <span class="s2">"from"</span><span class="o">);</span>
|
|
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">textboxKeyEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">,</span> <span class="nx">nKeyCode</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Textbox keyed"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">===</span> <span class="m">18</span><span class="o">){</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_enableIntervalDetection</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">=</span> <span class="nx">nKeyCode</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles textbox keypress events.</span>
|
|
<span class="c"> * @method _onTextboxKeyPress</span>
|
|
<span class="c"> * @param v {HTMLEvent} The keypress event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onTextboxKeyPress</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">nKeyCode</span> <span class="o">=</span> <span class="nx">v</span><span class="o">.</span><span class="nx">keyCode</span><span class="o">;</span>
|
|
|
|
<span class="c">// Expose only to non SF3 (bug 1978549) Mac browsers (bug 790337) and Opera browsers (bug 583531),</span>
|
|
<span class="c"></span> <span class="c">// where stopEvent is ineffective on keydown events </span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">opera</span> <span class="o">||</span> <span class="o">(</span><span class="nx">navigator</span><span class="o">.</span><span class="nx">userAgent</span><span class="o">.</span><span class="nx">toLowerCase</span><span class="o">().</span><span class="nx">indexOf</span><span class="o">(</span><span class="s2">"mac"</span><span class="o">)</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">env</span><span class="o">.</span><span class="nx">ua</span><span class="o">.</span><span class="nx">webkit</span> <span class="o"><</span> <span class="m">420</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">switch</span> <span class="o">(</span><span class="nx">nKeyCode</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">case</span> <span class="m">9</span><span class="o">:</span> <span class="c">// tab</span>
|
|
<span class="c"></span> <span class="c">// select an item or clear out</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">delimChar</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">case</span> <span class="m">13</span><span class="o">:</span> <span class="c">// enter</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">util</span><span class="o">.</span><span class="nx">Event</span><span class="o">.</span><span class="nx">stopEvent</span><span class="o">(</span><span class="nx">v</span><span class="o">);</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elCurListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="nx">default</span><span class="o">:</span>
|
|
<span class="k">break</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">//TODO: (?) limit only to non-IE, non-Mac-FF for Korean IME support (bug 811948)</span>
|
|
<span class="c"></span> <span class="c">// Korean IME detected</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">nKeyCode</span> <span class="o">==</span> <span class="m">229</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_enableIntervalDetection</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles textbox keyup events to trigger queries.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onTextboxKeyUp</span>
|
|
<span class="c"> * @param v {HTMLEvent} The keyup event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onTextboxKeyUp</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">sText</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span> <span class="c">//string in textbox</span>
|
|
<span class="c"></span>
|
|
<span class="c">// Check to see if any of the public properties have been updated</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_initProps</span><span class="o">();</span>
|
|
|
|
<span class="c">// Filter out chars that don't trigger queries</span>
|
|
<span class="c"></span> <span class="k">var</span> <span class="nx">nKeyCode</span> <span class="o">=</span> <span class="nx">v</span><span class="o">.</span><span class="nx">keyCode</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_isIgnoreKey</span><span class="o">(</span><span class="nx">nKeyCode</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Clear previous timeout</span>
|
|
<span class="c"></span> <span class="c">/*if(oSelf._nTypeAheadDelayID != -1) {</span>
|
|
<span class="c"> clearTimeout(oSelf._nTypeAheadDelayID);</span>
|
|
<span class="c"> }*/</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nDelayID</span> <span class="o">!=</span> <span class="o">-</span><span class="m">1</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">clearTimeout</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nDelayID</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="c">// Set new timeout</span>
|
|
<span class="c"></span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nDelayID</span> <span class="o">=</span> <span class="nx">setTimeout</span><span class="o">(</span><span class="k">function</span><span class="o">(){</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_sendQuery</span><span class="o">(</span><span class="nx">sText</span><span class="o">);</span>
|
|
<span class="o">},(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">queryDelay</span> <span class="o">*</span> <span class="m">1000</span><span class="o">));</span>
|
|
|
|
<span class="c">//= nDelayID;</span>
|
|
<span class="c"></span> <span class="c">//else {</span>
|
|
<span class="c"></span> <span class="c">// No delay so send request immediately</span>
|
|
<span class="c"></span> <span class="c">//oSelf._sendQuery(sText);</span>
|
|
<span class="c"></span> <span class="c">//}</span>
|
|
<span class="c"></span><span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles text input box receiving focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onTextboxFocus</span>
|
|
<span class="c"> * @param v {HTMLEvent} The focus event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onTextboxFocus</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Start of a new interaction</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bFocused</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"autocomplete"</span><span class="o">,</span><span class="s2">"off"</span><span class="o">);</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">=</span> <span class="kc">true</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_sInitInputValue</span> <span class="o">=</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">;</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">textboxFocusEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Textbox focused"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles text input box losing focus.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onTextboxBlur</span>
|
|
<span class="c"> * @param v {HTMLEvent} The focus event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onTextboxBlur</span> <span class="o">=</span> <span class="k">function</span> <span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="c">// Don't treat as a blur if it was a selection via mouse click</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bOverContainer</span> <span class="o">||</span> <span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_nKeyCode</span> <span class="o">==</span> <span class="m">9</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="c">// Current query needs to be validated as a selection</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bItemSelected</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">elMatchListItem</span> <span class="o">=</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_textMatchesOption</span><span class="o">();</span>
|
|
<span class="c">// Container is closed or current query doesn't match any result</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(!</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">||</span> <span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span> <span class="o">&&</span> <span class="o">(</span><span class="nx">elMatchListItem</span> <span class="o">===</span> <span class="kc">null</span><span class="o">)))</span> <span class="o">{</span>
|
|
<span class="c">// Force selection is enabled so clear the current query</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">forceSelection</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_clearSelection</span><span class="o">();</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Treat current query as a valid selection</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">unmatchedItemSelectEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_sCurQuery</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Unmatched item selected: "</span> <span class="o">+</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_sCurQuery</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="c">// Container is open and current query matches a result</span>
|
|
<span class="c"></span> <span class="k">else</span> <span class="o">{</span>
|
|
<span class="c">// Force a selection when textbox is blurred with a match</span>
|
|
<span class="c"></span> <span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">forceSelection</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_selectItem</span><span class="o">(</span><span class="nx">elMatchListItem</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bContainerOpen</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_toggleContainer</span><span class="o">(</span><span class="kc">false</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_clearInterval</span><span class="o">();</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_bFocused</span> <span class="o">=</span> <span class="kc">false</span><span class="o">;</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">.</span><span class="nx">_sInitInputValue</span> <span class="o">!==</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">value</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">textboxChangeEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">textboxBlurEvent</span><span class="o">.</span><span class="nx">fire</span><span class="o">(</span><span class="nx">oSelf</span><span class="o">);</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">log</span><span class="o">(</span><span class="s2">"Textbox blurred"</span><span class="o">,</span> <span class="s2">"info"</span><span class="o">,</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">toString</span><span class="o">());</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Handles window unload event.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method _onWindowUnload</span>
|
|
<span class="c"> * @param v {HTMLEvent} The unload event.</span>
|
|
<span class="c"> * @param oSelf {YAHOO.widget.AutoComplete} The AutoComplete instance.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">_onWindowUnload</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">v</span><span class="o">,</span><span class="nx">oSelf</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">oSelf</span> <span class="o">&&</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span> <span class="o">&&</span> <span class="nx">oSelf</span><span class="o">.</span><span class="nx">allowBrowserAutocomplete</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="nx">oSelf</span><span class="o">.</span><span class="nx">_elTextbox</span><span class="o">.</span><span class="nx">setAttribute</span><span class="o">(</span><span class="s2">"autocomplete"</span><span class="o">,</span><span class="s2">"on"</span><span class="o">);</span>
|
|
<span class="o">}</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Deprecated for Backwards Compatibility</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @method doBeforeSendQuery</span>
|
|
<span class="c"> * @deprecated Use generateRequest.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">doBeforeSendQuery</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="k">this</span><span class="o">.</span><span class="nx">generateRequest</span><span class="o">(</span><span class="nx">sQuery</span><span class="o">);</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/**</span>
|
|
<span class="c"> * @method getListItems</span>
|
|
<span class="c"> * @deprecated Use getListEl().childNodes.</span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">prototype</span><span class="o">.</span><span class="nx">getListItems</span> <span class="o">=</span> <span class="k">function</span><span class="o">()</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">allListItemEls</span> <span class="o">=</span> <span class="o">[],</span>
|
|
<span class="nx">els</span> <span class="o">=</span> <span class="k">this</span><span class="o">.</span><span class="nx">_elList</span><span class="o">.</span><span class="nx">childNodes</span><span class="o">;</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span><span class="o">=</span><span class="nx">els</span><span class="o">.</span><span class="nx">length</span><span class="o">-</span><span class="m">1</span><span class="o">;</span> <span class="nx">i</span><span class="o">>=</span><span class="m">0</span><span class="o">;</span> <span class="nx">i</span><span class="o">--)</span> <span class="o">{</span>
|
|
<span class="nx">allListItemEls</span><span class="o">[</span><span class="nx">i</span><span class="o">]</span> <span class="o">=</span> <span class="nx">els</span><span class="o">[</span><span class="nx">i</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="k">return</span> <span class="nx">allListItemEls</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c">//</span>
|
|
<span class="c">// Private static methods</span>
|
|
<span class="c">//</span>
|
|
<span class="c">/////////////////////////////////////////////////////////////////////////</span>
|
|
<span class="c"></span>
|
|
<span class="c">/**</span>
|
|
<span class="c"> * Clones object literal or array of object literals.</span>
|
|
<span class="c"> *</span>
|
|
<span class="c"> * @method AutoComplete._cloneObject</span>
|
|
<span class="c"> * @param o {Object} Object.</span>
|
|
<span class="c"> * @private</span>
|
|
<span class="c"> * @static </span>
|
|
<span class="c"> */</span>
|
|
<span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_cloneObject</span> <span class="o">=</span> <span class="k">function</span><span class="o">(</span><span class="nx">o</span><span class="o">)</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(!</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isValue</span><span class="o">(</span><span class="nx">o</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">return</span> <span class="nx">o</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">var</span> <span class="nx">copy</span> <span class="o">=</span> <span class="o">{};</span>
|
|
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isFunction</span><span class="o">(</span><span class="nx">o</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="nx">copy</span> <span class="o">=</span> <span class="nx">o</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">o</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">var</span> <span class="nx">array</span> <span class="o">=</span> <span class="o">[];</span>
|
|
<span class="k">for</span><span class="o">(</span><span class="k">var</span> <span class="nx">i</span><span class="o">=</span><span class="m">0</span><span class="o">,</span><span class="nx">len</span><span class="o">=</span><span class="nx">o</span><span class="o">.</span><span class="nx">length</span><span class="o">;</span><span class="nx">i</span><span class="o"><</span><span class="nx">len</span><span class="o">;</span><span class="nx">i</span><span class="o">++)</span> <span class="o">{</span>
|
|
<span class="nx">array</span><span class="o">[</span><span class="nx">i</span><span class="o">]</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_cloneObject</span><span class="o">(</span><span class="nx">o</span><span class="o">[</span><span class="nx">i</span><span class="o">]);</span>
|
|
<span class="o">}</span>
|
|
<span class="nx">copy</span> <span class="o">=</span> <span class="nx">array</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">o</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">for</span> <span class="o">(</span><span class="k">var</span> <span class="nx">x</span> <span class="k">in</span> <span class="nx">o</span><span class="o">){</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">hasOwnProperty</span><span class="o">(</span><span class="nx">o</span><span class="o">,</span> <span class="nx">x</span><span class="o">))</span> <span class="o">{</span>
|
|
<span class="k">if</span><span class="o">(</span><span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isValue</span><span class="o">(</span><span class="nx">o</span><span class="o">[</span><span class="nx">x</span><span class="o">])</span> <span class="o">&&</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isObject</span><span class="o">(</span><span class="nx">o</span><span class="o">[</span><span class="nx">x</span><span class="o">])</span> <span class="o">||</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">lang</span><span class="o">.</span><span class="nx">isArray</span><span class="o">(</span><span class="nx">o</span><span class="o">[</span><span class="nx">x</span><span class="o">]))</span> <span class="o">{</span>
|
|
<span class="nx">copy</span><span class="o">[</span><span class="nx">x</span><span class="o">]</span> <span class="o">=</span> <span class="nx">YAHOO</span><span class="o">.</span><span class="nx">widget</span><span class="o">.</span><span class="nx">AutoComplete</span><span class="o">.</span><span class="nx">_cloneObject</span><span class="o">(</span><span class="nx">o</span><span class="o">[</span><span class="nx">x</span><span class="o">]);</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">copy</span><span class="o">[</span><span class="nx">x</span><span class="o">]</span> <span class="o">=</span> <span class="nx">o</span><span class="o">[</span><span class="nx">x</span><span class="o">];</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="o">}</span>
|
|
<span class="k">else</span> <span class="o">{</span>
|
|
<span class="nx">copy</span> <span class="o">=</span> <span class="nx">o</span><span class="o">;</span>
|
|
<span class="o">}</span>
|
|
|
|
<span class="k">return</span> <span class="nx">copy</span><span class="o">;</span>
|
|
<span class="o">};</span>
|
|
</pre></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="yui-b">
|
|
<div class="nav">
|
|
|
|
<div class="module">
|
|
<h4>Modules</h4>
|
|
<ul class="content">
|
|
|
|
<li class=""><a href="module_animation.html">animation</a></li>
|
|
|
|
<li class="selected"><a href="module_autocomplete.html">autocomplete</a></li>
|
|
|
|
<li class=""><a href="module_button.html">button</a></li>
|
|
|
|
<li class=""><a href="module_calendar.html">calendar</a></li>
|
|
|
|
<li class=""><a href="module_carousel.html">carousel</a></li>
|
|
|
|
<li class=""><a href="module_charts.html">charts</a></li>
|
|
|
|
<li class=""><a href="module_colorpicker.html">colorpicker</a></li>
|
|
|
|
<li class=""><a href="module_connection.html">connection</a></li>
|
|
|
|
<li class=""><a href="module_container.html">container</a></li>
|
|
|
|
<li class=""><a href="module_cookie.html">cookie</a></li>
|
|
|
|
<li class=""><a href="module_datasource.html">datasource</a></li>
|
|
|
|
<li class=""><a href="module_datatable.html">datatable</a></li>
|
|
|
|
<li class=""><a href="module_dom.html">dom</a></li>
|
|
|
|
<li class=""><a href="module_dragdrop.html">dragdrop</a></li>
|
|
|
|
<li class=""><a href="module_editor.html">editor</a></li>
|
|
|
|
<li class=""><a href="module_element.html">element</a></li>
|
|
|
|
<li class=""><a href="module_event.html">event</a></li>
|
|
|
|
<li class=""><a href="module_get.html">get</a></li>
|
|
|
|
<li class=""><a href="module_history.html">history</a></li>
|
|
|
|
<li class=""><a href="module_imagecropper.html">imagecropper</a></li>
|
|
|
|
<li class=""><a href="module_imageloader.html">imageloader</a></li>
|
|
|
|
<li class=""><a href="module_json.html">json</a></li>
|
|
|
|
<li class=""><a href="module_layout.html">layout</a></li>
|
|
|
|
<li class=""><a href="module_logger.html">logger</a></li>
|
|
|
|
<li class=""><a href="module_menu.html">menu</a></li>
|
|
|
|
<li class=""><a href="module_paginator.html">paginator</a></li>
|
|
|
|
<li class=""><a href="module_profiler.html">profiler</a></li>
|
|
|
|
<li class=""><a href="module_profilerviewer.html">profilerviewer</a></li>
|
|
|
|
<li class=""><a href="module_resize.html">resize</a></li>
|
|
|
|
<li class=""><a href="module_selector.html">selector</a></li>
|
|
|
|
<li class=""><a href="module_slider.html">slider</a></li>
|
|
|
|
<li class=""><a href="module_tabview.html">tabview</a></li>
|
|
|
|
<li class=""><a href="module_treeview.html">treeview</a></li>
|
|
|
|
<li class=""><a href="module_uploader.html">uploader</a></li>
|
|
|
|
<li class=""><a href="module_yahoo.html">yahoo</a></li>
|
|
|
|
<li class=""><a href="module_yuiloader.html">yuiloader</a></li>
|
|
|
|
<li class=""><a href="module_yuitest.html">yuitest</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Classes</h4>
|
|
<ul class="content">
|
|
<li class=""><a href="YAHOO.widget.AutoComplete.html">YAHOO.widget.AutoComplete</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="module">
|
|
<h4>Files</h4>
|
|
<ul class="content">
|
|
<li class="selected"><a href="AutoComplete.js.html">AutoComplete.js</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="ft">
|
|
<hr />
|
|
Copyright © 2008 Yahoo! Inc. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|