Фокус при наведении на текстовые поля JQuery

Фокус при наведении на текстовые поля JQuery

2012-04-1724028
Вставив короткий код на страницу в секции обоих тегов BODY, вы можете облегчить управление формами на странице. Писать текст станет еще проще, т.к. достаточно будет только навести курсор мыши на текстовое поле. Фокус при наведении на текстовые поля JQuery – это просто дополнение, организующее более слаженное и легкое заполнение формы пользователем. При наведении на заданные поля (INPUT и TEXTAREA) срабатывает сценарий, запускающий функцию focus().

Также в этот скрипт включена возможность очистки выбранных текстовых полей по двойному щелчку мыши. Вот так просто – кликнул два раза, и поле очистилось.

Пример






Код (вставить перед </body>)



Код для подключения JQuery (вставлять между <head> и </head>)



Комментарии (8)
Гость 2012-03-12 в 19:10Спам
"Пример" не работает :( По крайней мере в Google Chrome
0
Денис Абдуллин 2012-03-13 в 13:56Спам
Скажешь тоже... Только в Chrome и проверялось
0
Оксана Чудина 2012-03-14 в 21:46Спам
Все работает, может, тебя смутило отсутствие рамки вокруг поля, как в поиске Урааа
1
Miros 2012-04-23 в 22:09Спам
Привет в Хром реально не работает!
0
Денис Абдуллин 2012-04-24 в 15:12Спам
Нет, правда, работает, ведь я прямо сейчас нахожусь в Хроме. А что вы ожидаете при наведении? Какую-то подсветку а? Просто, когда наводишь на поле, можно начинать вводить текст. Даже здесь в Textarea тот же эффект.
0
74NET 2012-06-13 в 09:11Спам
А цвет можно как нибудь изменить?
0
Денис Абдуллин 2012-06-13 в 10:20Спам
Цвет здесь - это совсем другая история.
0
Денис Абдуллин 2012-06-13 в 10:22Спам
У меня, например, в CSS прописано следующее:

Code
input[type="text"]:focus {  
  padding:5px;
  outline:none;
  border-color:#31B5BD;
}
0
Чтобы оставить комментарий или отзыв под этой публикацией, войдите.