autocomplete yahoo

Question

Eu sou tipo como preso tentando implementar YUI autocomplete caixa de texto. aqui está o código:

<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>

Eu adicionei todas as referências javascript Yahoo e as folhas de estilo, mas nunca parece fazer a chamada ajax quando eu mudar o texto na caixa de myInput e também não mostra nada ... Eu acho que eu estou faltando alguma coisa imp ...

Answer 1

Para ser honesto, e eu sei que isso não é a resposta mais útil ... você deve olhar em usar jQuery estes dias, uma vez que foi totalmente soprado YUI fora da água em termos de facilidade de uso, sintaxe e comunidade seguinte.

Em seguida, você poderia cambalear para http://plugins.jquery.com e encontrar um monte de fresco autocomplete plugins com exemplo de código etc.

Espero que isso ajude.

Answer 2

@Kriss - Você poderia postar um link para a página onde você está tendo problemas? É difícil de depuração XHR autocomplete sem ver o que está vindo de volta do servidor e ver todo o contexto da página.

@ Adam - jQuery é excelente, sim, mas os widgets de Yui estão todos uniformemente bem documentado e uniformemente licenciado. Isso é uma fonte atraente de diferenciação hoje.