FadeOut текст внутри текстового поля с JQuery

Question

Возможно, это очень простой вопрос, но я хочу fadeOut текст внутри текстового поля (<textarea id="text">blabla</textarea) без «fadingOut» самого текстового поля, используя jquery.

Я попытался использовать $ ('text'). Val(), $ ('text'). Text() или document.getElementById ("text"). NodeValue;

Но ничего не работает, вся текстовая область «отображает нет». У кого-нибудь есть идея?

Бест, Newben

Answer 1

Методы jQuery, такие как .text() и .val(), возвращают значение того, что содержится в соответствующем элементе HTML, а не указатель на фактический текст в элементе. Вот почему их использование не работает для вас.

Вы должны быть способны получить эффект, который хотите использовать с помощью jQuery UI и его .ToggleClass(). Настройте класс css, где цвет textarea совпадает с его фоном, а затем используйте .ToggleClass для активации этого класса в текстовом поле с определенной продолжительностью, что должно создать эффект, который текст внутри текстового поля исчезает.

Answer 2

Существует не простой способ сделать это. Вы можете попробовать и оживить цвет текста, поэтому в основном исчезают с черного на белый (если ваше текстовое поле белое, например), но пользователь все равно может выделить текст и увидеть его таким образом.

Единственное другое решение заключается в том, чтобы в основном создать изображение таким образом, чтобы оно выглядело как текстовая область, и заменило текстовую область на это, поместив текст поверх этого внутри div или span и затухая текст таким образом ,