Метка: js

  • JavaScript. Как удалить значение из массива?

    Задача элементарная, но не всегда очевидно её решение. А в интернете есть ну очень извращённые методы решения) Приведу два варианта, которыми пользуюсь сам. Метод 1: var array = [1, 2, 3, 4, 5, 6, 7]; var item = 4 ; var index = array.indexOf(item); if (index !== -1) { array.splice(index, 1); } console.log( array ); […]

  • Laravel. Dropzone. Как добавить csrf-токен при загрузке?

    Dropzone, по умолчанию, при загрузке, отправляет POST-запрос, который Laravel, как и другие фреймворки, проверяет на наличие csrf-токена. Этого токена, конечно же нет и мы получаем соответствующую ошибку. Решить проблему можно достаточно просто — в этой статье пример, как добавить csrf-токен к запросу загрузки файла от Dropzone. Речь идет даже не сколько об Laravel, сколько о […]

  • Javascript. Как определить мобильное устройство?

    В интернете много вариантов определения того, с мобильного устройства пользователь смотрит сайт или с ПК. Приведу один из них, которым пользуюсь сам. Конечно, множество вариантов условны и могут давать погрешность. Кроме этого некоторые варианты очень громоздки, чего не требует ситуация. Окончательное решение принимайте исходя из важности и строгости определения устройства. Но во многих случаях, приведенный […]

  • Bootstrap. Как сделать вкладку активной после перезагрузки страницы?

    Порой бывает необходимым сохранить вкладку, на которой находится пользователь после перезагрузки страницы. Сделать это по большому счёту не сложно и в этой статье небольшой пример JS-кода, который решает проблему. Итак, ниже код решения проблемы с комментариями. // этот код сработает после загрузки страницы // с адресной строки забираем anchor (это будет href нашей вкладки) и […]

  • Fullcalendar. Ошибочный разделитель в дате.

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

  • Javascript. Валидация (проверка) email.

    Работая на чистом Javascript нередко возникает необходимость проверки правильности ввода email-адреса. В этой статье приведу пример функции, которой пользуюсь сам для этой задачи. Ниже приведу простой пример реализаци поставленной задачи: function validateEmail(email) { var re = /^(([^()\[\]\\.,;:\s@»]+(\.[^()\[\]\\.,;:\s@»]+)*)|(«.+»))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } alert( validateEmail(‘aaaaa’) ); // false alert( validateEmail(‘me@onfor.info’) ); // true В примере показана функция validateEmail, […]

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

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

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