Onfor

Рубрика: javascript

  • Yii2. Как обновить GridView при помощи javascript?

    Очень частая задача при работе с Yii2, да и не только, — обновление GridView после каких-либо действий — например групповых операций — без перезагрузки страницы. Мы разберем пример решения задачи на Yii2. Для этого разметка должна выглядеть примерно таким образом:

  • Javascript. jQuery. Как преобразовать объект в JSON-строку?

    Недавно стала простая, но в то же время нетипичная задача, в которой следовало превратить обычный javascript-объект в JSON-строку, которая далее передавалась в БД. В поисках решения отправился в Google, который и подсказал простое и эффективное решение. Итак, нам достаточно воспользоваться методом JSON.stringify: JSON.stringify( some_obj ) ; Пример работы можно посмотреть здесь. Чтобы обеспечить поддержку самыми…

  • 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_шеллы» Как видите, метод невероятно прост и просто выполняет свою функцию. Добавлю лишь то, что метод также совместим…

  • Javascript. Аналог функции str_replace с php.

    При работе одновременно и на back- и на front-side иногда не хватает каких-то удобств одного языка при работе со вторым. Например, в Javasript не хватает полного аналога php-функции str_replace. На самом деле, аналог, как-бы вроде и есть. Это функция replace: var str = «Foo Bar Foo»; str = str.replace(«Foo», «!»); Но, несмотря на наши ожидания…

  • jQuery. Подключение обработчиков для новых элементов через on()

    При создании новых элементов на странице, к ним неизбежно нужно прикреплять обработчики событий, при помощи метода on(). Сейчас покажу действенный пример, как сделать это верно, чтобы никогда не допускать потер времени на столь простом вопросе. Ниже пример кода: $(‘#some-wrapper’).on(‘click’, ‘a.new-link’, function(e) { alert(‘Callback!!!’); e.preventDefault(); }); Пример достаточно прост. Здесь #some-wrapper — селектор неизменной обертки —…

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

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

  • Javascript. Как склонять слова?

    Приведу пример найденной на просторах интернета функции для склонения слов зависимости от чистительного. По моему глубокому убеждению только детали способны отличить Лучшее от Хорошего. Поэтому с большим презрением отношусь, например, к магазинам, где написано «В Корзине 22 товар» или «Товаров в корзине: 22». Ну неужели это лучше, чем «В корзине 22 товара» или «В Корзине…