Hola a todos, tengo el siguiente problema:
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> y el archivo que hace el proceso (autocompletar.asp):
Código:
<%
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>"
%>
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í:
Código HTML:
document.getElementById('resultados',id)
pero no funciona, si quieren ver todo funcionando, vayan a: http:\\trisitio.somee.com/autocompletar/form.asp
Nota: si se abre la página directa (autocompletar.asp?texto=cualquierletra) si funciona.