Рейтинг
1.13
голосов: 1

О блоге

Статьи по javascript фреймворку jQuery

Администраторы (1)

Модераторы (0)

Модераторов здесь не замечено

Читатели (1)

Maugli

JQuery - очистка формы после перезагрузки страницы, отправки формы.

Я думаю, что все сталкивались с тем, что после перезагрузки страницы или отправки формы все элементы формы сохраняют свои значения. Например, в теге сохраняется введенное нами значение, значение не сбрасываются в пустое значение, или значение по умолчанию, а остается тем, которое мы выбрали до перезагрузки страницы или отправки формы.

В принципе в большинстве случаев это очень даже хорошо, но что делать, если нам нужно чтобы после обновления страницы элементы формы не сохраняли значения заданные пользователем? Вам отвечу, ничего особенного всего лишь дописать одну строчку в код:
$("#id_form").trigger('reset');//id_form - ID вашей формы
  • 0
  • 16 апреля 2013, 21:52
  • Maugli

Разрешить или запретить элементы на JQeury.

Периодически возникает задача разрешить или запретить использование, какого либо элемента формы. В принципы в решении проблемы как всегда ничего сложного:

$("#element_id").attr("disabled","disabled"); //задаем атрибут disabled
$("#element_id").removeAttr("disabled"); //удалем атрибут disabled

Спасибо за внимание, был рад быть кому-нибудь полезным.

Выбираем все отмеченные checkbox в форме.

Недавно я писал о том, как проверить состояние checkbox в форме, но хорошо когда элемент в форме у нас один, либо мы знаем его идентификатор, а что делать, если нам нужно проверить несколько элементов формы? Как всегда ничего сложного:
$( ':checkbox:checked' ).each(function(){
    alert(this.value);
});

Проверка состояний radio и checkbox

Постоянно при проверке состояния checkbox'ов и radio button’ов, лезут в голову какие-то странные идеи, хотя JQuery предоставляет простое до безобразия решение проблемы:

$('#radio').prop('checked'); //Проверяем radio buttons
$('#checkbox').prop('checked'); //Проверяем checkbox

Спасибо за внимание, и желаю всем читателям поменьше придумывать велосипед.

jQuery очистка памяти - совет №1

Приветствую всех читателей!
Этой темой я начну сборник небольших советов по оптимизации памяти при использовании javascript библиотеки jQuery.

jQuery очистка памяти — совет первый


Так как моя веб студия в своих разработках использует популярный и на мой взгляд, очень удобный фреймворк jQuery, у нас уже выработались некоторые правила, для ускорения его работ и экономии памяти.

Не секрет, что jQuery достаточно прожорлив и при постоянных поисках потребляет огромное количество памяти и процессорных ресурсов. Впрочем, как и любой другой фреймворк, кто бы и что не говорил).

И при работе с ним вопрос очистки памяти далеко не последний! Особенно, если вы работаете с массивами элементов и используйте много выборок.

Итак — совет первый. Это наиболее, на мой взгляд, эффективное средство для ускорение работы и конечно, уменьшение потребляемой памяти jQuery.

Никогда не производите лишний поиск / выборку элементов по одинаковым селекторам!
Простой пример (первое, что пришло в голову).


Примеры с описанием под катом...

Выбираем radio button

Работал над интерфейсом для базы заказов, и подумалось, а почему бы не использовать для изменения статуса заказа диалоговое окно от JQuery UI с набором радио кнопок. Сказано, сделано, диалоговое окно готово, только если уж делать, так делать до победного конца не останавливаясь не перед какими трудностями, а это значит, что нужно все-таки отметить кнопку с текущим состоянием заказа. В принципе поиск ответа на вопрос «а как?», занял не так уж и много времени.


Читать дальше

Если видео с YouTube налазит на диалог jQuery UI

Что делать, если видео с YouTube налазит на диалог jQuery UI?
Решение простое.
В конце ссылки, в блоке вставки, нужно добавить ?wmode=transparent или &wmode=transparent если уже есть другие параметры.

Предварительная загрузка изображений

Потребности
Для чего нам нужна предварительная загрузка изображений? Чаще всего мы используем её для качественно прорисовки интерфейсов, элементов управления сайта.

Пример:
Есть скрипт галереи или текстовые блоки с возможностью перемещения (туда/сюда). За управление перемещением отвечают графические стрелки. При наведении на стрелку её изображение заменяется на другое.
Что делает браузер при наведении? Он отправляет запрос на изображение к серверу. Даже при очень быстром ответе будет замечен эффект «подмаргивания». Если выполнить предварительную загрузку изображений — этого не произойдёт.

Применение
В современной вёрстке этот подход используется редко. Гораздо предпочтительнее использовать CSS Sprites. Но, если нет такой возможности и Вам действительно это надо — добро пожаловать под кат.

Читать дальше