Inconveniente con autocomplete

[tumbero_x]

Hola Amigos!!!
mi problema es el siguiente
necesito que al desplegarse la lista de sugerencias , esta no desaparezca al hacer click o foco en otro elemento de la pagina

Saludos y muchas gracias por cualquier ayuda que me puedan brindar

[darkhack3r22]

Dependiendo de la pseudoclase que hayas puesto para que se despliegue...Te recomiendo que lo hagas con un onmouseover en javascript. ;)

[tumbero_x]

hola gracias por contestar
la lista se despliega cuando el usuario empieza a buscar en el input
donde tendria que cambiar por onmouseover?
Saludos y gracias

[darkhack3r22]

Buscar, a que te refieres: al hacer click, al darle el foco, al introducir texto...

[arepavieja]

¿Y qué usas para que despliegue el autocomplete? ¿hay eventos blur?

[darkhack3r22]

Iniciado por arepavieja

¿Y qué usas para que despliegue el autocomplete? ¿hay eventos blur?

A eso íbamos.

[tumbero_x]

keypress y busca en la base de datos

[tumbero_x]

en realidad nunca le asigne un evento al autocomplete
simplemente hago asi

Código Javascript:

$(function(){
                    
                    $('#descripcion').autocomplete({
                       
                        source : 'base.php',
                       
                        select : function(event, ui){...} }) })
 

[arepavieja]

Entonces estás usando jquery UI, el detalle aquí es que al hacer click en el elemento sugerido, la capa desaparece y el input recibe el valor del elemento sugerido que clickeaste.
No estoy seguro si se puede manipular esto en jquery UI.

Yo es mi caso usaría keyup para mostrar los elementos, y no asigno ningún evento blur. ya te paso un ejemplo

[arepavieja]

Código Javascript:

<script> 
    $(function(){ 
        $('input').keyup(function(){ 
            $.post('resultados.php','valor='+$(this).val(),function(data){ 
                $('.capa_resultados').fadeIn().html(data); 
            }) 
        }) 
       // Esta función es para que desaparezca la capa cuando se pierde el foco del elemento
        $('input').blur(function(){ 
            $('.capa_resultados').fadeOut(); 
        }) 
        
        // Aquí aparece nuevamente al hacer focus.
        $('input').focus(function(){ 
            $('.capa_resultados').fadeIn(1); 
        }) 
    }) 
</script>
 

[tumbero_x]

Perfecto Muchas gracias!!!
en un momento lo pruebo
saludos!!!