Tengo el siguiente formulario, que es un autocompletador:
Código HTML:
<html><body><form name=form onsubmit='return false'> Texto: <input name=texto onkeyup=autocompletar();><br> </form> <script>function autocompletar(){ if(document.form.texto.value==''){document.getElementById('resultados').innerHTML=''}else{ var ajax=new ActiveXObject('msxml2.XMLHTTP'); ajax.open('GET','autocompletar.asp?texto='+document.form.texto.value,false); ajax.send(); document.getElementById('resultados').innerHTML=(ajax.ResponseText);}}</script> <div id='resultados'> <div id='p'></div> </div> </body></html>
Código:
Quiero que cuando se pase el mouse sobre la palabra cambie de color, si se hacerlo, pero ahorita no me funciona porque todo el contenido esta dentro de un div, ya traté así:<% response.expires=-1 response.addheader "Pragma","no-cache" set adodb=server.createobject("adodb.connection") adodb.open "provider=microsoft.jet.oledb.4.0;data source="&server.mappath("base.mdb") set t=adodb.execute("select * from base where palabras like '"&request("texto")&"%' order by palabras asc") response.write "<script>function c(id,color){document.getElementById(id).style.color=color}</script>"&vbcrlf response.write "<table>"&vbcrlf while not t.eof response.write "<tr id='"&t("palabras")&"' onmouseover=""c('"&t("palabras")&"','blue')"" onmouseout=""c('"&t("palabras")&"','000000')""><td>"&t("palabras")&"</td></tr>"&vbcrlf t.movenext wend response.write "</table>" %>
Código HTML:
document.getElementById('resultados',id)
Nota: si se abre la página directa (autocompletar.asp?texto=cualquierletra) si funciona.