JavaScript

Сегодня мы поговорим о том, как можно добавить пользовательский стиль для модуля Colorbox. В одном из последних проектов мне потребовалось написать свой стиль и я сразу же подумал, что никаких проблем не будет, ведь у модуля есть страница настроек, на которой можно выбирать стили, а значит должно быть и API для добавления стилей. Я очень сильно ошибался, как оказалось, у модуля нет нормального API. Придется ухищрятся...

Для начала определимся, что стиль в общем случае состоит из двух файлов: CSS и JS. Последний в свою очередь может отсутствовать. Переходим к созданию стиля.

Шаг 1...

Для того, чтобы организовать вызов своего кода до и после отправки содержимого на печать, необходимо добавить следующий код:

$(window, context).load(function() {
  // То, что выполнится перед открытием диалога печати.
  var beforePrint = function() {
    console.log('Functionality to run before printing.');
  };
 
  // То, что выполнится после закрытия диалога печати.
  var afterPrint = function() {
    console.log('Functionality to run after printing');
  };

  if (this.matchMedia) {
    var mediaQueryList = this.matchMedia('print');
    mediaQueryList.addListener(function(mql...