Порой бывает необходимым сохранить вкладку, на которой находится пользователь после перезагрузки страницы. Сделать это по большому счёту не сложно и в этой статье небольшой пример JS-кода, который решает проблему. Итак, ниже код решения проблемы с комментариями. Другими словами здесь два взаимодополняемых метода. Второй при переходе записывает значение, а первый —…

Во время работы с FullCalendar внезапно вылез неприятный баг. В названии текущего месяца на месте разделителя, где обычно должен находиться «-» появилась буква с умлаутом. Поведение странное, но легкопобеимое. Сейчас рассмотрим, как решить проблему. На самом деле, FullCalendar имеет огромное количество настроек для тонкой его доводки. Среди них есть как…

Работая на чистом Javascript нередко возникает необходимость проверки правильности ввода email-адреса. В этой статье приведу пример функции, которой пользуюсь сам для этой задачи. Ниже приведу простой пример реализаци поставленной задачи: В примере показана функция validateEmail, в которую нужно передать 1 параметр — целевой email. В ответ функция вернет true или…

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

Highcharts продолжает радовать масштабами гибкости. На этот раз я приведу простой пример, как серию можно дополнять своими данными и выводить их во всплывашке. Дополнительные данные по точкам следует добавлять при указании свойства series.data Вторым шагом будет указание обработчика для tooltip.formatter: Как видите, внутри обработчика мы имеем доступ к точкам, попавшим…

Highcharts предоставляет очень широкие возможности воздействия на диаграмму после её инициализации. Но для этого нужно получить объект диаграммы. Как это сделать — в этой статье. Highcharts 3.0.1 Highcharts 2.3.4 Все, как видите, достаточно просто и очевидно.

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

Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts. Реализация, на самом деле достаточно проста: Сначала в параметрах диаграммы отключаем дефолтную кнопку: Далее добавляем на страницу новую кнопку и вешаем на неё обработчик: Разумеется, имеем ввиду, что объект диаграммы находится…

При построении графиков, в случае вывода по оси X временной метки, может случиться ситуация, когда интуитивный интервал между датами не отображается на графике, вводя тем самым в заблуждение. На языке Highcharts данную проблему называют Irregular data. : ) На самом деле, решение проблемы зайдем всего лишь одну строку и гарантировано…

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