texto que desaparece en textarea con estilos

[humanista]

Hola, necesito que en un textarea aparezca un texto tipo "escribe aquí" en color gris y que cuando pinche sobre él me desaparezca y al escribir me aparezca en color negro.

Eso se puede hacer? gracias

[IsaBelM]

sí es posible. qué es lo que no sabes hacer??

[humanista]

pues eso, q primero aparezca en gris y luego en negro, y si ya se aumenta la altura del textarea también cuando se pincha en él sería fantástico

[IsaBelM]

pero, qué es lo que tienes hecho hasta el momento?? te puedo decir que vas a necesitar dos evento (onclick y onblur) el primero para vaciar el campo y con className cambiar el selector css y el segundo, por si una vez que tiene el foco el campo y el usuario no inserta ningún valor, recobre el valor por defecto

[humanista]

podías poner algún ejemplo? gracias de antemano

[_cronos2]

Iniciado por IsaBelM

pero, qué es lo que tienes hecho hasta el momento?? te puedo decir que vas a necesitar dos evento (onclick y onblur) el primero para vaciar el campo y con className cambiar el selector css y el segundo, por si una vez que tiene el foco el campo y el usuario no inserta ningún valor, recobre el valor por defecto

Yo usaría (y uso) mejor onfocus, por si las moscas

Iniciado por humanista

podías poner algún ejemplo? gracias de antemano

¿Podrías poner algo de tu parte?

Saludos :D

[IsaBelM]

Iniciado por _cronos2

Yo usaría (y uso) mejor onfocus, por si las moscas

te refieres que en lugar de onclick, usar onfocus?? yo no uso ninguno, por que nunca me he visto obligada hacer algo como esto, pero, a bote pronto, parece tener mejor pinta, onfocus. el otro día respondí a este mismo asunto y tendré que editarlo

Iniciado por _cronos2

¿Podrías poner algo de tu parte?

Saludos :D

+1

[_cronos2]

Iniciado por IsaBelM

te refieres que en lugar de onclick, usar onfocus?? yo no uso ninguno, por que nunca me he visto obligada hacer algo como esto, pero, a bote pronto, parece tener mejor pinta, onfocus. el otro día respondí a este mismo asunto y tendré que editarlo


+1

Te dejo la implementación que tengo hecha en JSPlus:

Código Javascript:

valor : function(reemplazar){
   var input = this;
   input.css('color', '#777').value = reemplazar;
   input.focus(function(){
    input.css('color', '#000').value = input.value == reemplazar ? '' : input.value;
   });
   input.blur(function(){
    input.css('color', '#777').value = input.value == '' ? reemplazar : input.css('color', '#000').value;
   });
  },
 

Creo que es exactamente lo que pide, pero como no sabe lo que hacen las funciones tampoco le estoy dando la solución, qué malvado soy
Gracias por el +1
Saludos (: