Ayuda con Formulario!!!

PedroJTR · #1 (**permalink**) 12/02/2008, 13:32

Saludos,
Tengo un formulario en ASP y quisiera saber que JS podría utilizar para que al entrar al formulario cada textarea tenga una palabra (Escribe aqui) en marca de agua o color gris y al darle click se elimine y se escriba normal en negro, borrando la frase anterior en gris.

Volviendo a colocar la frase (Escribe aqui) en gris en caso de que no se escribió nada en el textarea...

Saludos...

JavierB · #2 (**permalink**) 12/02/2008, 13:42

Hola PedroJTR

Prueba este ejemplo:

Código:

<html>
<head>
<script type="text/javascript">
function color(obj,num) {
  if (num==0) { 
    if (obj.value=='Palabra') {
      obj.value='';
      obj.style.color='black';
    }
  }
  else
    if (obj.value=='') {
      obj.value='Palabra';
      obj.style.color='gray';
    }
}
</script>
</head>
<body>
<form>
<textarea style="color:gray" onfocus="color(this,0)" onblur="color(this,1)">Palabra</textarea>
</form>
</body>
</html>

Saludos,

PedroJTR · #3 (**permalink**) 12/02/2008, 13:53

Excelente!!!!....
Gracias JavierB...

Ahora como lo hago más simple, sin tener que hacer varios scripts, si tengo diferentes palabras en otros textareas?

JavierB · #4 (**permalink**) 12/02/2008, 15:05

Hola de nuevo.

Unas pequeñas modificaciones al código y queda esto:

Código:

<html>
<head>
<script type="text/javascript">
function color(obj,num,Pal) {
  if (num==0) { 
    if (obj.value==Pal) {
      obj.value='';
      obj.style.color='black';
    }
  }
  else
    if (obj.value=='') {
      obj.value=Pal;
      obj.style.color='gray';
    }
}
</script>
</head>
<body>
<form>
<textarea style="color:gray" onfocus="color(this,0,'Palabra')" onblur="color(this,1,'Palabra')">Palabra</textarea>
<textarea style="color:gray" onfocus="color(this,0,'Algo')" onblur="color(this,1,'Algo')">Algo</textarea>
</form>
</body>
</html>

Saludos,

PedroJTR · #5 (**permalink**) 12/02/2008, 15:25

Hola de nuevo JavierB....

Sorry, pero no se si soy yo que no me se explicar.
Pero no me funciona el código, además no me sirve para los Imput Text...
Será que no debo colocarle el color:gray?

JavierB · #6 (**permalink**) 12/02/2008, 15:47

Hola otra vez.

He probado el código antes de contestar y funcionaba bien

También puedes usarlo con input text, poniendolo así:

Código:

<input type="text" style="color:gray" value="Pepe" onfocus="color(this,0,'Pepe')" onblur="color(this,1,'Pepe')" />

Saludos,

PedroJTR · #7 (**permalink**) 13/02/2008, 09:04

Oh, Excelente JavierB....
Disculpa, fué error mio... Tenía un Script Externo vinculado a la Pag, y no me resultaba, tenía que insertarlo directamente a la Pagina...
Esta Excelente JavierB... Muchas Gracias!!!

Gracias!!!