Плагин Atomic — помошник при заполнении форм

[serkys]

Идея не нова, например есть Clearing Input.
А плавное исчезновение текста, если честно, только мешает.

[TecHMeaT]

Clearing Input сделан более правильно на мой взгляд — текст-подсказка выполнен в виде label — вот она семантика.
А фейд действительно неуместен, эффект ради эффекта.

[Laughboy]

А реализована идея с полями типа пассворд? Сейчас для такого использую замену фона (один с текстом, второй без).

[highw]

Увы не подхватит

[LeNsTR]

Судя по количеству изобретений этого плагина, его пора вводить в основную ветку jQuery

[Napolsky]

в html5 есть placeholder, так что все пучком ;)

[Evengard]

Угу поддерживаю… Если начать вводить текст пока подсказка исчезает — текст тоже пропадёт

[Napolsky]

Еще один велосипед обыкновенного плейсхолдера?

[Anonym]

Это же 3 строчки кода. Зачем тут модуль?

[Anonym]

Посмотрел демо. FadeOut текста в инпуте крайне неудобная вещь. Форму логина/пароля я заполняю обычно очень быстро, с логина на пароль переключаюсь табом и сразу ввожу пароль. Здесь же надо сначала подождать пока исчезнет подсказка, и только потом вводить пароль.

[seraph]

По-моему, всё же использование label с текстом «Пароль…», например, который позиционированием ставится «поверх» инпута всё же оправданнее (см. «CSS фреймворк своими руками» Виталия Харисова). Ибо CSS работает всегда, а яваскрипт может быть и отключен. Мне кажется сам принцип решения задачи неверен.

[Wott]

Нет, конечно супер, потренироваться писать плагины. но правда делается это в три строчки на чистом JS типа

<input type="text" name="s" id="s1" onfocus="if (this.value==s1_init_value) this.value='';" onblur="if (this.value=='') this.value=s1_init_value;" size="15"/>
<script type="text/javascript">
s1_init_value='keyword or item #';
document.forms.searchform.s.value=s1_init_value;
</script>

Причем при отключенном JS ничего страшного не происходит.
И фейд в данном случае — мешающая рюшечка.

[dshster]

Попробуйте drag-n-drop-ить какой-нибудь текст со страницы в поле ввода. Этим страдают большинство реализаций placeholder-а.
Я тож такой велосипед изобретал jour.me/bricks/label-tips/ только без jquery и более семантично.

[second_pilot]

в инпуте написано «введите email» при нажатии на него нужно чтобы текст пропал, а если снова текст отсутствует — показать значение которое было. так же, можно грабить корованы :)

[ryuzaki_spb]

Если слишком быстро бегать между полями, то подсказки в них после fade out'а и потери полем фокуса обратно не выплывают.

[ferzio]

highw, вот код который полностью решает вашу задачу… А по поводу цвета. Не пытайтесь делать универсальным то, что можно сделать руками при меньшем коде…

jQuery('#top_search').blur(function(){
if (this.value == '')
this.value = this.defaultValue;
}).focus(function(){
if (this.value == this.defaultValue)
this.value = '';
});