2010-02-19 34 views
5

Hola, esto debería ser un problema realmente fácil, pero estoy atascado. ¿Es posible atenuar el texto dentro de un cuadro de texto y área de texto y dejar el elemento real en su lugar. Intenté desvanecerme usando .html() .val() etc, pero el elemento en el que se encuentra el texto siempre se desvaneció.Jquery fadeout texto en un cuadro de texto y texto

Respuesta

5

Creo que la única forma de lograr esto es manipulando el color del elemento de entrada. Consulte el JQuery color plugin que se especializa en manipulaciones de color.

Se debe trabajar en la línea de

$(formelement).animate({ color: "#FFFFFF" }, 600); 
+0

Gracias por la sugerencia. Traté de cambiarlo a blanco y luego simplemente eliminar el val() pero realmente no se desvaneció al color blanco – David

+2

¿Puedes publicar un ejemplo en línea para ver? –

+0

Jquery UI en realidad incluye este http://jqueryui.com/demos/animate/ – JProgrammer

1

simplemente rodear el texto en un lapso y se desvanecen del tramo. JQuery desvanecerá el elemento, esta es la forma más fácil. No estoy seguro de que haya una manera de desvanecer solo texto y no todo el elemento DOM.

Editar: No leí la parte textarea. Para hacer esto, probablemente quiera ocultar el elemento de entrada real y darle un estilo a uno nuevo para que parezca un elemento de texto, y luego se desvanecerá el texto dentro de él. Esto se hace comúnmente para cambiar el aspecto de un elemento de entrada.

+0

No funcionará para el contenido dentro de un elemento de formulario texto/textarea. –

+0

Primera parte no, segunda parte será, por lo tanto, la edición. –

+0

gracias, intentaré eso, simplemente asumí que habría una manera fácil de hacerlo. – David

Cuestiones relacionadas