Borrar value de una caja de texto al darle clic

Hola señores(as) estoy haciendo un buscador y quiero que en la caja de texto aparezca la palabra buscar, observo en las propiedades de campo de texto en dream weaver y es demasiado "sencillo" value="Buscar", pero que pasa si quiero que al hacer clic esta palabra desaparezca y funcione exactamente igual que el buscador de cristalab, podrán ver que tiene la palabra buscar, hago clic y se pone en blanco para dejarme escribir, una vez hago clic fuera de nuevo aparece la palabra buscar de nuevo. mil gracias por su ayuda.

es javascript, asi es como esta en cristalab

Código :

function foco(){
   if(!ya_busco){
      self.document.form_buscar.q.value = "";
      self.document.form_buscar.q.style.color="#000000";
      ya_busco = 1;
   }
}

al hacer focus se activa esa funcion javascript

Gracias por tu ayuda pero no me quiso funcionar, cree la función javascript y programe de la siguiente manera que es donde debe estar el error:

<form id="form1" name="form1" method="post" action="">
<label>
<input name="q" type="text" id="ya_busco" onfocus="foco();" value="Buscar"/>
</label>
</form>

Me podrías orientar por favor, gracias de nuevo.

Les pido disculpas por duplicar el post, en ese momento se me cayó internet y no supe si llegó o no, les agradezco su ayuda en este tema.

el atributo name del formulario debe ser form_buscar y el del input q
Tambien en el script faltó declarar con 0 a ya_busco (lo copie mal )

pero puedes cambiar los datos para hacerlo mas acorde a tu necesidad

Te cuento que eso no ha querido dar, lo he hecho tal cuál como tu ejemplo, o "eso creo", mira copio el código java:

function foco(){
if(!ya_busco){
self.document.form_buscar.q.value = "";
self.document.form_buscar.q.style.color="#000000";
ya_busco = 0;
}
}

Y este es el código para la caja de texto:

<form id="form_buscar" name="form_buscar" method="post" action="">
<label>
<input name="q" type="text" id="ya_busco" onfocus="foco();" value="Buscar" />
</label>
</form>

Qué podrá ser?

javascript:

Código :

ya_busco = 0;
function foco(){
   if(!ya_busco){
      self.document.form_buscar.q.value = "";
      self.document.form_buscar.q.style.color="#000000";
      ya_busco = 1;
   }
}

lo demas me parece esta bien

Excelente amigo, muchísimas gracias ya funcionó.

Una nueva inquietud, cuando yo en Cristalab le doy clic fuera del cuadro de búsqueda vuelve a aparecer la palabra buscar, esto no pasa en nuestro ejemplo ¿es muy complicado hacer eso?, gracias de nuevo.

ademas de onFocus existe onBlur
onBlur="función"
eso te ayudara, solo tienes que hacer lo opuesto en la función

Hola, de nuevo por acá molestándote, jejeje, mentiras se que lo que posiblemente para mi es complicado para vos debe ser más entendible, pero aclaro no quiere decir que sea fácil, trate de hacer lo opuesto con varias cosas y no me daba, después se borraba todo, así que decidí mejor orientarme con alguien que con ver el código sabe donde está la falencia:

javascript:

ya_busco = 0;
function foco(){
if(!ya_busco){
self.document.form_buscar.q.value = "";
self.document.form_buscar.q.style.color="#000000";
ya_busco = 1;
}
}

ya_busco = 0;
function onBlur(){
if(!ya_busco){
self.document.form_buscar.q.value = "Buscar...";
self.document.form_buscar.q.style.color="#000000";
ya_busco = 1;
}
}

css:

<form id="form_buscar" name="form_buscar" method="post" action="">
<label>
<input name="q" type="text" id="ya_busco" onfocus="foco();" value="Buscar..." onBlur="onBlur()"/>
</label>
</form>

La verdad no sé que me faltará, mil gracias de nuevo.

javascript:

Código :

ya_busco = 0;
function foco(){
if(!ya_busco){
self.document.form_buscar.q.value = "";
self.document.form_buscar.q.style.color="#000000";
ya_busco = 1;
}
}

function blur(){
if(ya_busco){
self.document.form_buscar.q.value = "Buscar...";
self.document.form_buscar.q.style.color="#000000";
ya_busco = 0;
}
}

HTML:

Código :

<form id="form_buscar" name="form_buscar" method="post" action="">
<label>
<input name="q" type="text" id="ya_busco" onfocus="foco();" value="Buscar..." onBlur="blur();"/>
</label>
</form>

supongo eso funciona

Amigo te cuento que no quiso funcionar, está exactamente igual que si no tuviera la función onBlur.

al parecer es problema con blur();
cambiale el nombre a borrar();
osea

html

Código :

onblur="borrar();"

js

Código :

function borrar (){

Hombre, perfecto ahora si funciono, excelente y mil gracias por tu accesoria me ha sido de gran utilidad.