-
Javascript. jQuery. Реализация цикла foreach.
В php есть очень удобный цикл перебора массивов — foreach. К сожалению, в Javascript нет его прямого аналога, но нужный нам функционал обеспечит jQuery. Сразу скажу, что цикл foreach, по своей сути, необходим для перебора ассоциативных массивов, которыми в javascript являются объекты. Для перебора простых массивов следует использовать следующий вариант: var array = [1, 3,…
-
CKEditor. Как получить содержимое редактора?
Необходимость получить содержимое CKEditor — задача более, чем частая. Именно поэтому она более, чем проста в реализации. Все, что от Вас требуется — вызвать следующий код, указав при этом ID исходной textarea. console.log( CKEDITOR.instances[‘some_textarea_idgetData() ); Вот и все. Вставьте этот код в нужное место и в Вашей консоли появится содержимое Вашего CKEditor. Удачи!
-
CKEditor. Как обновить или установить текст в редакторе?
При работе с CKEditor очень часто встречается задача установки или обновления его содерожимого. Задача это очень простая, поэтому без раздумий беремся за её решение. CKEditor спроектировн очень удачно, поэтому подобные действия не вызывают никаких затруднений. Нам нужно всего лишь вызвать следующий метод, указав при этом ID исходной textarea: CKEDITOR.instances[‘some_textarea_id’].setData( string_variable ); Вот и всё. Конечно…
-
Javascript. Decode URL.
При передаче URL он часто попадает в скрипт в закодированной строке, которая непонятна пользователю. Чтобы вернуть её к человеческому виду — нужно сделать декодирование URL. Сейчас покажу пример, как это сделать. Привожу пример с Developer.Mozilla: decodeURI(«https://developer.mozilla.org/ru/docs/JavaScript_%D1%88%D0%B5%D0%BB%D0%BB%D1%8B»); // «https://developer.mozilla.org/ru/docs/JavaScript_шеллы» Как видите, метод невероятно прост и просто выполняет свою функцию. Добавлю лишь то, что метод также совместим…
-
jQuery. Подключение обработчиков для новых элементов через on()
При создании новых элементов на странице, к ним неизбежно нужно прикреплять обработчики событий, при помощи метода on(). Сейчас покажу действенный пример, как сделать это верно, чтобы никогда не допускать потер времени на столь простом вопросе. Ниже пример кода: $(‘#some-wrapper’).on(‘click’, ‘a.new-link’, function(e) { alert(‘Callback!!!’); e.preventDefault(); }); Пример достаточно прост. Здесь #some-wrapper — селектор неизменной обертки —…
-
Плагин Select2. Как обновить селект?
При работе с jquery-плагином Select2 очень типична задача обновления плагина после изменений данных внутри исходного селекта. Решение очень простое и было найдено на stackoverflow. Итак, чтобы обновить плагин select2 выполните следующий код: $(‘select.filter.select2’).trigger(‘change.select2’); Как видите, это очень просто, хоть, по-своему и не очевидно.
-
Как изменять высоту textarea в зависимости от количества строк?
Люблю отзывчивые дизайны, люблю, когда все продумано до мелочей и сейчас речь пойдет именно о таком jqeury-плагине. Он позволяет изменять высоту textarea в зависимости от количества введенного текста, при этом не создает дубликатов и скрытых полей, которые замедляют работу страницы. Все очень просто и удобно. Не буду приводить много примеров — приведу две ссылки, на…
-
Javascript. Как склонять слова?
Приведу пример найденной на просторах интернета функции для склонения слов зависимости от чистительного. По моему глубокому убеждению только детали способны отличить Лучшее от Хорошего. Поэтому с большим презрением отношусь, например, к магазинам, где написано «В Корзине 22 товар» или «Товаров в корзине: 22». Ну неужели это лучше, чем «В корзине 22 товара» или «В Корзине…
-
jQuery. Как подключить библиотеку с Google?
Подключение jQuery с google имеет множество преимуществ, перед подключением с собственного хостинга. Итак, чтобы подключить актуальную — т.е. самую свежую версию jQuery — используйте следующий код: Если же Вы хотите конкретно указать необходимую версию — используйте код ниже, в нем подключаем версию 1.9.0:
-
jQuery. Как обрабатывать события на несколько элементов?
Вопрос не сложный и часто понятный, но помнится мне — был такой на Тостере — поэтому решил написать заметку о том, как можно одним откликом обработать события на нескольких элементах. Например, у Вас есть две формы, которые Вам нужно обработать. Может быть такое, что формы идентичные и вся логика их работы одинакова — при этом…