Limpiar caja de texto al hacer clic

[neodani]

Buenas,

No se si va aquí... diria que si...

No se me ocurre la forma hacer una caja de texto donde ingresar el login y el pass y que ponga dentro de la caja "usuario" y "contraseña", y que al pulsar este texto desaparezca. (Hasta ahi bien se hacerlo)

Pero me gustaria si el usuario clica, no escribe nada y sale pulsando de la caja de texto este volviera a poner el texto "usuario" o "password" respectivamente.

El ejemplo que me refiero esta en esta misma pagina de foros del web, arriba en el buscador de google, pone "Google Custom Search" clicas y desaparece, sales y se vuelve a poner la imagen.

Como consigo eso?

Gracias de antemano

[Dragoon_SC]

<input type="text" value="Value por Default" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);">

<script>
function limpia(elemento)
{
elemento.value = "";
}

function verifica(elemento)
{
if(elemento.value = "")
elemento.value = "Default Value";
}
</script>

[neodani]

Iniciado por Dragoon_SC

<input type="text" value="Value por Default" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);">

<script>
function limpia(elemento)
{
elemento.value = "";
}

function verifica(elemento)
{
if(elemento.value = "")
elemento.value = "Default Value";
}
</script>

No hace lo mismo que buscador de forosdelweb. (Al menos a mi no)

Lo pruebo y me pone bien la caja de texto y el texto, clico encima y desaparece, escribo y todo bien, pero en el momento que pulso fuera desaparece el texto!

Si han escrito dentro no debe desaparecer el texto al clicar fuera.

Solo debe volver aparecer el texto por defecto cuando el usuario clica dentro, no escribe nada y pulsa a fuera.

El ejemplo esta arriba en el buscador de forosdelweb, busco algo asi.

Como lo hago?

Gracias

[codigojavascript]

Hay un error en el código publicado por Dragoon_SC, por eso no funciona.

Aca va el código reparado

Código:

<input type="text" value="Value por Default" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);">

<script>
function limpia(elemento)
{
elemento.value = "";
}

function verifica(elemento)
{
if(elemento.value == "")
elemento.value = "Default Value";
}
</script>

Lo único que faltaba es el operador de igualdad en la línea

if(elemento.value == "")

Saludos

[neodani]

Iniciado por codigojavascript

Hay un error en el código publicado por Dragoon_SC, por eso no funciona.

Aca va el código reparado

Código:

<input type="text" value="Value por Default" name="login" onclick="javascript: limpia(this);" onBlur="javascript: verifica(this);">

<script>
function limpia(elemento)
{
elemento.value = "";
}

function verifica(elemento)
{
if(elemento.value == "")
elemento.value = "Default Value";
}
</script>

Lo único que faltaba es el operador de igualdad en la línea

if(elemento.value == "")

Saludos

Perfecto! ahora sí

Y si en lugar de texto quiero que sea una imagen el contenido del input? como podria introducirlo? (y que usara el mismo efecto de desaparecer y aparecer)

Gracias!

[neodani]

Iniciado por neodani

Perfecto! ahora sí

Y si en lugar de texto quiero que sea una imagen el contenido del input? como podria introducirlo? (y que usara el mismo efecto de desaparecer y aparecer)

Gracias!

Alguien sabe como introducir una imagen en un input y que aparezca y desaparezca utilizando el script anterior?


Merci!

[JavierB]

Hola neodani

Aquí tienes un ejemplo:

http://www.forosdelweb.com/f13/como-...-fondo-555717/

Saludos,

[neodani]

Iniciado por JavierB

Hola neodani

Aquí tienes un ejemplo:

http://www.forosdelweb.com/f13/como-...-fondo-555717/

Saludos,

Gracias!

Lo probaré y te digo algo