ProfiPHPProfiPHP
Категория: jQuery

Подсказка поля Input на jQuery

Разберем на примере, как можно реализовать вывод подсказки полей Input формы.

С помощью библиотеки Jquery вывод подсказки осуществляется при использовании .focus() и .blur(). Код поля ввода и подсказки выглядит следующим образом:
<input type="text" id="registr_name" value="" class="clickhint" />
<div id="registr_name_hint" class="simple_box" style="display:none;" >Подсказка</div>
Код JS:
$('.clickhint').focus(function() {
var box = '#'+$(this).attr('id')+'_hint';
$(box).show(400);
});
$('.clickhint').blur(function() {
var box = '#'+$(this).attr('id')+'_hint';
$(box).hide(400);
})
Таблица стилей:
.simple_box{ padding: 4px; color: #929292; font-size: 12px }

Добавить комментарий

Имя:
Текст комментария: