Метка: jquery

  • jQuery. Как запретить контекстное меню (правую кнопку мыши) на изображениях?

    На некоторых сайтах от пользователей нужно скрыть возможность сохранения изображений. Конечно, от знающих людей это не скроешь — но от тех, кто не силён — вполне запросто можно. В статье — пример реализации на три строки. Всё, что Вам нужно — подключить сам jQuery и вставить следующий код: $(‘img’).bind(‘contextmenu’, function(e) { return false; }); При […]

  • jQuery. Как обернуть элемент в тег?

    Необходимость обернуть элемент в другой элемент не редкость, поэтому jQuery, конечно же, предлагает простой вариант реализации задачи. Для этого следует использовать метод wrap. При этом у метода есть два варианта. Первый предполагает передачу в качестве параметра строки — тега, в который нужно облачить блок. Например: $(‘#some-div’).wrap(»); Приведенный код обернет #some-div в div.wrapper-for-some-div. Второй — даёт […]

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

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

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

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

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

  • HighStock. HighCharts. Промежутки времени по оси X.

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

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

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

  • 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. Удачи!