imagen y/o texto en campo de texto......., como?

[rogertm]

hola gentes, hace mucho tiempo he querido saber como se puede hacer esto, es como el campo de texto que tiene el nuevo buscador en la cabecera de este foro, que cuando de clic en dicho campo, se quite la imagen o el texto (en este caso ambos) y al dar clic fuera, aparescan nuevamente en el campo de texto.............

cuento como siempre con su ayuda.

saludos y gracias de antemano

[AlvaroG]

No he visto cómo está hecho, pero se me ocurre esto:
La imagen está puesta con background-image, tal y como con cualquier otro elemento.
Luego en el campo INPUT se utilizan los eventos onFocus y onBlur, que corresponden a cuando el campo gana el foco y cuando lo pierde, respectivamente.

Cada evento puede lanzar una función que modifique la propiedad background-image, llamémosles "mostrar" y "ocultar"

Dado "campo" como una variable que representa al la caja de texto, mostrar solo necesita hacer:

campo.style.backgroundImage = "imagen";

mientras que ocultar solo tiene que hacer:

campo.style.backgroundImage = "";


Y con eso lográs el mismo efecto


Saludos.

[rogertm]

OK...! muy bien, funciona muy bien, al menos rapido lo probe con colores, me imagino que con imagenes tambien funcione bien, lo he hecho asi:

Código HTML:

onfocus="this.style.background='#CCCCCC'" onblur="this.style.background='#FFFFFF'"

despues pruebo con alguna img y les digo
gracias alvlin

[JavierB]

Hola rogertm

Sólo comentar un detalle: si hay algo escrito, no debería volver a verse la imagen cuando sales del cuadro de texto. Seguro que te resulta fácil solucionarlo.

Saludos,

[rogertm]

Iniciado por JavierB

Hola rogertm

Sólo comentar un detalle: si hay algo escrito, no debería volver a verse la imagen cuando sales del cuadro de texto. Seguro que te resulta fácil solucionarlo.

Saludos,

tienes mucha razon, aunque solo me conformo con un texto, lo bonito se lo pongo con CSS, es solo ponerle a un campo de texto de un buscador la palabra "Buscar...", pa bonito nada mas................

si se dificulta, bueno ya veremos

gracias