I’m kind of like stuck trying to implement YUI autocomplete textbox. here’s the code:
<div id='myAutoComplete'> <input id='myInput' type='text' /> <div id='myContainer'></div> </div> <script type='text/javascript'> YAHOO.example.BasicRemote = function() { oDS = new YAHOO.util.XHRDataSource('../User/Home2.aspx'); // Set the responseType oDS.responseType = YAHOO.util.XHRDataSource.TYPE_TEXT; // Define the schema of the delimited results oDS.responseSchema = { recordDelim: '\n', fieldDelim: '\t' }; // Enable caching oDS.maxCacheEntries = 5; // Instantiate the AutoComplete var oAC = new YAHOO.widget.AutoComplete('myInput', 'myContainer', oDS); oDS.generateRequest = function(sQuery) { return '../User/Home2.aspx?method=' + 'SA&Id='+document.getElementById('lbAttributes')[document.getElementById('lbAttributes').selectedIndex].value +'&query='+sQuery; }; oAC.queryQuestionMark =false; oAC.allowBrowserAutoComplete=false; return { oDS: oDS, oAC: oAC }; } </script>
I’ve added all the yahoo javascript references and the style sheets but it never seems to make the ajax call when I change the text in the myInput box and neither does it show anything… I guess I’m missing something imp…
To be honest, and I know this isn’t the most helpful answer… you should look into using jQuery these days as it has totally blown YUI out of the water in terms of ease-of-use, syntax and community following.
Then you could toddle onto http://plugins.jquery.com and find a whole bunch of cool autocomplete plugins with example code etc.
Hope this helps.