Onfor

Рубрика: javascript

  • jQuery. Как открепить плагин (how to unbind plugin)?

    Использование jquery-плагинов давно стало нормой — но бывает необходимость подключить плагин, а потом отключить его. Рассмотрим, как решить эту проблему. У меня было текстовое поле, которое в зависимости от определенных условий должно было быть или текстовым полем для email или полем для ввода номера телефона с маской ввода. Делать отдельные поля и скрывать\отображать нужный не…

  • JavaScript. Как программно переключить вкладку (tab)?

    Сегодня появилась необходимость программного переключения вкладок на bootstrap tabs. Решение очевидное — но сразу пошел не верным путём — поэтому сейчас раскажу, как быстро и правильно переключить bootstrap вкладку. На самом деле — все сверх-просто, причем, конечно же, есть в Документации. Но, тем не менее — не будет лишним еще раз указать исковые методы. Итак:…

  • Highcharts. Ajax-загрузка сообщения в tooltip.

    Часто в tooltip нужно загрузить больше информации, чем мы передаем непосредственно в диаграмму. Или же загрузить дополнительные или обработанные данные. Вариантов — множество. Рассмотрим пример ajax-вызова при отображении tooltip в Highchart\Highstock. Для изменения внешнего вида стандартного tooltip предусмотрен параметр formatter: ….. tooltip: { formatter: function() { return ‘Текст, который переопределит стандартный tooltip.’ ; }, ………

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

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

  • Javascript. Как получить первый ключ с объекта?

    При работе с данными на Javascript работа с объектами — т.е. с ассоциативными массивами, если говорить на языке php — занимает особое место. При этом может возникнуть типичная ситуация, когда нужно получить первый по-порядку ключ объекта. Задача, на самом деле очень проста: Object.keys( your_object )[0]; Вот, собственно и все. При помощи данного метода, ка Вы…

  • Javascript. Как остановить запущенный таймер?

    Функции setInterval() и setTimeout() выполняют свои задачи — но работать с ними не удобно, когда следует обрабатывать скрипт до определенного момента. Сейчас приведу найденный на просторах stackoverflow пример остановки запущенного таймера. Итак, код с пояснениями ниже. // объявляем глобальную переменную var timer; function endAndStartTimer() { // вырубаем запущенный таймер window.clearTimeout(timer); // если таймер надо продолжать…

  • Highcharts.Как добавить информацию во всплывашку?

    Highcharts продолжает радовать масштабами гибкости. На этот раз я приведу простой пример, как серию можно дополнять своими данными и выводить их во всплывашке. Дополнительные данные по точкам следует добавлять при указании свойства series.data series: [{ name: ‘Series 1’, data: [{ y: 2, players: [‘a’, ‘b’]}, { y: 3, players: [‘a’, ‘b’, ‘c’]}, { y: 2,…

  • 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 — в нем хранится индекс…

  • HighCharts. Скрытие и программный вызов Reset zoom.

    Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts. Реализация, на самом деле достаточно проста: Сначала в параметрах диаграммы отключаем дефолтную кнопку: chart: { resetZoomButton: { theme: { display: ‘none’ } } } Далее добавляем на страницу новую кнопку и вешаем на неё обработчик: $(‘#resetZoom’).click(function()…