Perfecto, un 4º sincero agradecimiento por tu tiempo.
Me permití hacerle un pequeño cambio al valor de "v" en el onClick para que en Firefox también cerrara la lista. Y pase todo a funciones a razón de postearlo y que quizá le sirva a alguien mas:
Código:
<html>
<head>
<style type="text/css">
#lista
{
background-color:#EAEAEA;
position:absolute;
width:120px;
top:100px;
left:100px;
display:none;
}
.resaltado
{
background-color:#FFFFFF;
cursor:pointer;
}
.normal
{
background-color:#EAEAEA;
}
</style>
<script language="javascript" type="text/javascript">
var v=1;
function rellenaCampo()
{
campo=document.getElementById("input_2");
div=document.getElementById("lista");
valor=campo.value;
if(valor.length>=2) div.style.display="block";
}
function clickLista(elemento)
{
v=1;
document.getElementById('input_2').value=elemento.innerHTML;
document.getElementById('lista').style.display='none';
elemento.className='normal';
}
function mouseFuera(elemento)
{
v=1;
elemento.className='normal';
}
function mouseDentro(elemento)
{
v=0;
elemento.className='resaltado';
}
</script>
</head>
<body>
<input onBlur="if(v==1) { document.getElementById('lista').style.display='none'; }" onKeyUp="rellenaCampo()" type="text" id="input_2" />
<div id="lista">
<div id="1" onClick="clickLista(this);" onMouseOut="mouseFuera(this);" onMouseOver="mouseDentro(this);">Elemento 1</div>
<div id="2" onClick="clickLista(this);" onMouseOut="mouseFuera(this);" onMouseOver="mouseDentro(this);">Elemento 2</div>
</div>
</body>
</html>
Bueno al fin puedo continuar con el desarrollo del suggest con AJAX. Cuando esté terminado lo subiré para compartir su fuente con los créditos al Sr. (xD) Cap.Buscapina que correspondan.
Cita:
Iniciado por Cap.Buscapina algo que simplificaría bastante es que en lugar de utilizar div's para simular una lista, utilices un select (lista), con eso te ahorrás el tema no poder utilizar el teclado. Claro que esto es solo una sugerencia.
Estoy viendo el tema del uso del teclado. Pensaba capturar el uso de algunas teclas mientras el div este en pantalla para darle funcionalidad. Pero creo que lo haré en un futuro, aunque no tan lejano. Quizá lo haga en un select, ya veré.
Bueno en fin, se agradece nuevamente y cuando tenga el ejemplito terminado volveré a dejarles los zip para descargar.
Un saludo!