-
jQuery. Таблица кодов клавиш для keypress, keyup, keydown.
В некоторых ситуациях важно детально понять, какая клавиша была нажата в поле и соответственно отреагировать на ней. В короткой статье — таблица основных важных клавиш и их кодов для обработки. Сначала пример, как же собственно «ловить» нажатие: $(‘#textbox’).keyup(function (e) { if (e.keyCode == 13) { alert(‘Нажата клавиша Enter!’); } }); Как видите — в обработчик…
-
jQuery. Chosen. Как обновить список?
Не знаю, кто как — но я очень часто работаю с плагином Chosen. Быстрый, легкий, удобный — что еще нужно. Но на просторах сети есть много вопросов по поводу его обновления в случае изменения исходного селекта. Ниже просто пример события обновления Chosen. Итак, пользуясь издержкой из Документациии: Updating Chosen Dynamically: If you need to update…
-
Javascript. jQuery. Как преобразовать объект в JSON-строку?
Недавно стала простая, но в то же время нетипичная задача, в которой следовало превратить обычный javascript-объект в JSON-строку, которая далее передавалась в БД. В поисках решения отправился в Google, который и подсказал простое и эффективное решение. Итак, нам достаточно воспользоваться методом JSON.stringify: JSON.stringify( some_obj ) ; Пример работы можно посмотреть здесь. Чтобы обеспечить поддержку самыми…
-
jQuery. Подключение обработчиков для новых элементов через on()
При создании новых элементов на странице, к ним неизбежно нужно прикреплять обработчики событий, при помощи метода on(). Сейчас покажу действенный пример, как сделать это верно, чтобы никогда не допускать потер времени на столь простом вопросе. Ниже пример кода: $(‘#some-wrapper’).on(‘click’, ‘a.new-link’, function(e) { alert(‘Callback!!!’); e.preventDefault(); }); Пример достаточно прост. Здесь #some-wrapper — селектор неизменной обертки —…
-
Javascript. jQuery. Как кастомизировать alert, confirm, prompt?
Старые унилые окна alert, prompt, confirm давно отжили свое в плане их внешнего вида, но, при этом, не потеряв свою смысловую нагрузку. Сейчас расскажу о отличном плагине, с помощью которого можно вдохнуть новую bootstrap-based жизнь в эти компоненты. Итак, дело идет о плагине bootboxjs. На сайте есть прекрасно описаны примеры, поэтому не буду делать двойную…
-
jQuery. Javascript. Как ограничить ввод в поле телефона
При создании формы обратной связи или формы «Перезвоните мне» обязательно надо делать поле «Ваш телефон», которое, также обязательно, следует проверять и валидировать. Есть множество вариантов реализации — сложные — например, с применением регулярных выражений, или простые — с обычной фильтрацией символов. Так или иначе — я приведу вариант, который далек от идеала — да, в…