[SOLUCIONADO] Una caja de búsqueda oculta

edn · #1 (**permalink**) 28/09/2013, 06:36

No he conseguido encontrar cómo funciona el buscador o caja de búsqueda de puntogeek.com. ¿Una idea donde conseguir documentación sobre el tema?

Gracias

Ember · #2 (**permalink**) 29/09/2013, 02:23

¿te refieres a que cuando pinches en la lupa aparezca la caja de búsqueda y entonces poder escribir en la caja?

edn · #3 (**permalink**) 29/09/2013, 05:57

Cita:

Iniciado por Ember

¿te refieres a que cuando pinches en la lupa aparezca la caja de búsqueda y entonces poder escribir en la caja?

Si, eso mismo.

Gracias

ArturoGallegos · #4 (**permalink**) 29/09/2013, 09:23

puedes hacer algo como

Código CSS:

Ver original.buscador+form{display:none;}
.buscador:focus+form,form:hover{display:block;}

Código HTML:

Ver original<a href="#" class="buscador">buscar</a>
<form action="" method="post">
    <input type="text" name="s" />
    <input type="submit" />
</form>

o bien usa javascript para agregar una clase css al form y así hacerlo visible.