Рубрика: jQuery

  • jQuery.cookie. Как установить срок жизни куки в минутах?

    Как не странно в официальной документации по плагину jquery.cookie не информации о том, как установить срок жизни куки в минутах — только в днях. Восстанавливаем справедливость и я приводу простой пример, опробованный на практике, как следует устанавливать куку на. например, 30 минут. var date = new Date(); var minutes = 30; //

  • Плагин Select2. Как обновить селект?

    При работе с jquery-плагином Select2 очень типична задача обновления плагина после изменений данных внутри исходного селекта. Решение очень простое и было найдено на stackoverflow. Итак, чтобы обновить плагин select2 выполните следующий код: $(‘select.filter.select2’).trigger(‘change.select2’); Как видите, это очень просто, хоть, по-своему и не очевидно.

  • Как изменять высоту textarea в зависимости от количества строк?

    Люблю отзывчивые дизайны, люблю, когда все продумано до мелочей и сейчас речь пойдет именно о таком jqeury-плагине. Он позволяет изменять высоту textarea в зависимости от количества введенного текста, при этом не создает дубликатов и скрытых полей, которые замедляют работу страницы. Все очень просто и удобно. Не буду приводить много примеров — приведу две ссылки, на…

  • jQuery. Как подключить библиотеку с Google?

    Подключение jQuery с google имеет множество преимуществ, перед подключением с собственного хостинга. Итак, чтобы подключить актуальную — т.е. самую свежую версию jQuery — используйте следующий код: Если же Вы хотите конкретно указать необходимую версию — используйте код ниже, в нем подключаем версию 1.9.0:

  • jQuery. Как обрабатывать события на несколько элементов?

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

  • Javascript. Как узнать язык браузера?

    Язык браузера будет полезен при попытке вывода сообщения, понятного пользователю до выбора языка или любой другой смежной попытке. Так или иначе — узнать язык браузера на javascript — достаточно вероятная задача. Решается эта задача очень просто: var language = window.navigator ? (window.navigator.language || window.navigator.systemLanguage || window.navigator.userLanguage) : «ru»; language = language.substr(0, 2).toLowerCase();

  • jQuery. Как сделать регистронезависимый поиск по содержимому?

    В базовом jQuery есть метод, который может фильтровать данные по их содержимому — я имею ввиду метод — или же фильтр — contains. Но в нем ест одна проблема, которая делает его использование неполноценным и даже не нужным. Он регистрозависимый — т.е. строка «Privet» не равна строке «privet». Для страниц, которые предоставляют подобную фильтрацию простым…

  • jQuery. Как преобразовать текст в html-разметку?

    Иногда html-разметка передается простым сплошным текстом, при этом также часта задача по изменению структуры этой разметки. В таком случае следует преобразовать текст в DOM-разметку. На самом деле эта задача решается невероятно просто. Для этого есть функция parseHTML. var str = «hello, my name is jQuery.» ; html = $.parseHTML( str ) ; html.find(‘b’).remove(); alert( html.text()…

  • jQuery. Как обернуть каждые N блоков?

    Столкнулся с задачей, когда нужно обернуть каждые 2-3-4 блока, в зависимости от размера экрана общим враппером, чтобы выровнять высоту каждой строки. В этой статье речь пойдет именно о том, как обернуть каждые N блоков враппером. Ниже пример: … … … … … … … … … … Здесь мы создаем контекст с элементом, внутри которого…

  • Javascript. jQuery. Как кастомизировать alert, confirm, prompt?

    Старые унилые окна alert, prompt, confirm давно отжили свое в плане их внешнего вида, но, при этом, не потеряв свою смысловую нагрузку. Сейчас расскажу о отличном плагине, с помощью которого можно вдохнуть новую bootstrap-based жизнь в эти компоненты. Итак, дело идет о плагине bootboxjs. На сайте есть прекрасно описаны примеры, поэтому не буду делать двойную…