Описание: Скрипт JQ изменения поля ввода и поиска при клике, простой скрипт, предназначен для любых страниц сайта где вы хотите сделать растягивание полей и форм ввода текста, смотрите для примера скрин.
Иногда необходимо видеть то количество информации которое вводится в форму добавления, именно в строку, и не затрачивать время на растягивание за угол, а тут просто только кликунули в зоне формы, и в момент она сама растянулась до заданных размеров в настройках, это делает сайт более уникальным в своей исполнительности и удобстве в эксплуатации подобных технологий.
Скрипт полностью работает на любой страницы ресурса uCoz так как используется библиотека jquery-1.7.2 и подходит даже раня версия без проблем. В настройке все просто, размеры и время работы, любой новичке может настроить для себя.
Работа скрипта не создает нагрузку на страницу, и не выходит пр процентном размере заданном за пределы форм. Если необходимо что бы поля растягивались за пределы каркаса сайта независимо, то используем атрибут стиля absolut.
Настройка: width:"99%" размер на который будет растянуто поле при клике
width:"210px" расстояние на которое будет возвращаться поле при клике вне окна вода
1000); время растягивания формы.
500); время сжимания при клике вне формы.
Установка: Для строки ввода текста
textarea в сообщение комментария форма ввода, так же редактирование материала копируем код скрипта и вставляем в любое место страницы вашего сайта:
Code
<script>$(function() {
$("textarea").focus(function(){
$(this).animate({ width:"99%"}, 1000);
}).blur(function(){
$(this).animate({ width:"210px"}, 500);
});
});</script>
Для строки поиска отдельный так же скрипт, так же вставляется в любое место, и можно использовать совместно:
Code
<script>$(function() {
$("input").focus(function(){
$(this).animate({ width:"99%"}, 1000);
}).blur(function(){
$(this).animate({ width:"210px"}, 500);
});
});</script>
Меню сайта
Меню сайта
