Input text con texto que desaparece.

uamistad · #1 (**permalink**) 20/02/2006, 17:20

Hola a todos.

He visto algunas webs que tienen en su input-text de búsquedas un texto (imaginen que el siguiente recuadro es un input text.

Código:

Busca por Código Postal o por Colonia.

Pero cuando colocas el mouse en el input y haces click, el texto se desaparece solito y ya puedes escribir lo que quieras.

Cuando haces click fuera del input, el texto "Busca por Código Postal o por Colonia" reaparece.

Ahorita no recuerdo ninguna URL de donde vi ese efecto, pues de lo contrario vería el código fuente y ya.

No sé si esto es algo muy dificil, de Javascript sé lo que mi abuelita de Linux, ojalá con la idea que me puedan proporcionar pueda implementar el efecto.

Gracias.

Davhira · #2 (**permalink**) 20/02/2006, 17:45

Hola, haber prueba con este codigo

<html>
<head>
<title>Untitled</title>
<script language="JavaScript">
function buscar(obj)
{
obj.style.display='inline';
}
</script>
</head>

<body>
Buscas por <label id="colonia" onclick="buscar(por_colonia); por_postal.style.display='none'">Colonia </label> o <label id="codigo" onclick="buscar(por_postal); por_colonia.style.display='none'">Codigo Postal</label>
<input type="text" name="por_colonia"style="display:'none'" value="Por Colonia">
<input type="text" name="por_postal" style="display:'none'"value="Por Codigo Postal">
</body>
</html>

uamistad · #3 (**permalink**) 20/02/2006, 18:01

Lo probé, muchas gracias por responder, ese efectillo no lo conocía.

Aunque lo que necesito es más sencillo todavía (eso creo), es un sólo input que siempre tiene la leyenda

"Busca por CP o por Colonia"

Pero al hacer click en el, ese texto se desaparece.

Es éste de hecho:

<input type="text" value="Busca por CP o por Colonia" id="searchinput" name="search" size="24"/>

Pero cuando quiero insertar texto, primero tengo que borrar el mensaje "Busca por CP o por Colonia" y me gustaría que se borrara solito al hacer click sobre él.

gracias,

Cap.Buscapina · #4 (**permalink**) 20/02/2006, 18:24

probá así:

Cita:

saludos

uamistad · #5 (**permalink**) 20/02/2006, 18:33

Bomba, tal como lo necesitaba.

Muchas gracias a los dos !!