Mostrar/Ocultar un texto de un fieldtext con onclick

iovan · #1 (**permalink**) 21/07/2009, 17:26

Hola amigos, me surgio esta duda.

Observa la barra de "Google Busqueda personalizada" colocada en la cabezera de este foro?

Yo quiero lograr lo mismo.

1.- Mostrar un valor por defecto dentro de un <input type="text"...> que al dar click dentro del textfield este desaparesca dejando el campo vacio, pero que a su vez, (si no se ha escrito nada dentro del campo y se presiona en cualquier otra parte fuere del textfield vuelva a aparecer el texto por defecto.

En fin, lo mismo que el textfield del buscador de arriba, ¿Como lo puedo lograr?

Muchas gracias.

David · #2 (**permalink**) 21/07/2009, 20:54

Revisa este tema:
http://www.forosdelweb.com/f13/textb...ipcion-703345/

iovan · #3 (**permalink**) 21/07/2009, 23:48

Gracias por responder amigo,

PEro eso no me sirve del todo, no me muestra el valor del textfield al cargar la pagina, sino hasta despues que el user hace un onfocus en el campo del formulario.

Podrías indicarme como logro, preciso lo que se puede ver en el campo de busqueda de "google busqueda personalizada".

El texto por defecto aparece dentro del textfield al cargar la pagina, al dar click en el campo de formulario el texto por defecto desaparece y si no hay ningun valor en el textfield y preciono fuera de el, eltexto por defecto vuelve a aparecer.

¿Como logro esto, muchas gracias!

David · #4 (**permalink**) 22/07/2009, 06:23

Sólo tienes que colocar en el value del campo el texto para que se muestre al iniciar.

iovan · #5 (**permalink**) 22/07/2009, 11:48

si yta lo intente, pero de esa manera al dar click en fuera del campo de texto no se quita el texto puesto en el value, pues es ovio porque no hay ninguna funcion que diga onburl== value=""

Como puedo hacerlo, gracias.

ZequeZ · #6 (**permalink**) 22/07/2009, 12:00

Esto debería funcionar...

Código HTML:

<html>
	<head>
		<title>Formulario etc javascript</title>
		<script language="javascript">
			function Borrar(valor)
			{
				if(document.getElementById("texto").value==valor)
				{
					document.getElementById("texto").value="";
				}
			}
			
			function Escribir(valor)
			{
				if(document.getElementById("texto").value=="")
				{
					document.getElementById("texto").value=valor;
				}
			}
		</script>
	</head>
	
	<body>
		<input type="text" id="texto" value="Hola" onfocus="Borrar('Hola')" onblur="Escribir('Hola')"/>
	</body>
</html>

iovan · #7 (**permalink**) 24/07/2009, 21:08

FUNCIONA PERFECCCCCTOOOOOOO

Muchas gracias, ajja me emocione con el codigo, gracias.

iovan · #8 (**permalink**) 24/07/2009, 21:34

Como podria yo adaptar este script para un campo textarea de formulario ??

Muchas gracias

blonder413 · #9 (**permalink**) 19/11/2010, 11:11

me funcionó perfecto con un textarea, gracias