Метка: jquery-plugin

  • jQuery. Autocomplete. Как обновить данные в виджете?

    Плагин Autocomplete используется для быстрой подсказки пользователю вариантов ввода из определенного списка. Но в случае зависимости эти вариантов от других полей — обновление данных очень неочевидно. В этой статье — пример решения задачи. Самый простой пример — это зависимость условных моделей авто от марки. Когда пользователь выбрал Марку «Mercedes» — в поле модель ему должны […]

  • DropZone. Как изменить текст по умолчанию?

    Если Вы встраиваете DropZone в клиентский интерфейс — вероятно Вам нужно будет изменить текст по умолчанию. В этой статье — параметр, который поможет в этом. В целом тема освещена в документации — но не всегда и не все ищут материал на оф. сайте продукта. В целом локализация DropZone происходит при помощи параметров с префиксом dict*. […]

  • jQuery. Chosen. Как обновить список?

    Не знаю, кто как — но я очень часто работаю с плагином Chosen. Быстрый, легкий, удобный — что еще нужно. Но на просторах сети есть много вопросов по поводу его обновления в случае изменения исходного селекта. Ниже просто пример события обновления Chosen. Итак, пользуясь издержкой из Документациии: Updating Chosen Dynamically: If you need to update […]

  • Highcharts. Как получить объект с DOM-контейнера?

    Highcharts предоставляет очень широкие возможности воздействия на диаграмму после её инициализации. Но для этого нужно получить объект диаграммы. Как это сделать — в этой статье. Highcharts 3.0.1 var chart=$(«#container»).highcharts(); Highcharts 2.3.4 var index=$(«#container»).data(‘highchartsChart’); var chart=Highcharts.charts[index]; Все, как видите, достаточно просто и очевидно.

  • Highstock. Как сделать несколько Y-осей?

    Highcharts, равно, как и Highstock, по моему личному мнению — лучшие вариант для оформления графического представления данных. Сейчас приведу пример, как сделать несколько осей Y, при этом разнести их в разные стороны. Ниже приведен код, демонстрирующий наглядный пример использования нескольких осей. Сперва создаются серии — обратите внимание на параметр yAxis — в нем хранится индекс […]

  • 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 в зависимости от количества введенного текста, при этом не создает дубликатов и скрытых полей, которые замедляют работу страницы. Все очень просто и удобно. Не буду приводить много примеров — приведу две ссылки, на […]

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

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