Метка: jquery

  • CKEditor. Как обновить или установить текст в редакторе?

    При работе с CKEditor очень часто встречается задача установки или обновления его содерожимого. Задача это очень простая, поэтому без раздумий беремся за её решение. CKEditor спроектировн очень удачно, поэтому подобные действия не вызывают никаких затруднений. Нам нужно всего лишь вызвать следующий метод, указав при этом ID исходной textarea: CKEDITOR.instances[‘some_textarea_id’].setData( string_variable ); Вот и всё. Конечно…

  • 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 блоков враппером. Ниже пример: … … … … … … … … … … Здесь мы создаем контекст с элементом, внутри которого…