Как открыть в Fancybox любую страницу сайта

Код, по клику на элементе #fancy-contact открывает в Fancybox форму контактов расположенную по адресу /contact:

Drupal 6:

$(function() {
  $('#fancy-contact').click(function() {
    $.fancybox.showActivity();
    $.get(Drupal.settings.basePath + 'contact', function(data) {
      var form = $('#contact-mail-page', data);
      $.fancybox({content:form});
    });
    return false;
  });
});

В Drupal 7 нужно дополнительно обернуть код в:

(function($) {
  ...
}(jQuery));

Форма контактов в Fanxybox

Алгоритм такой:

По клику показываем анимацию загрузки.
Подгружаем целиком нужную страницу (в нашем случае это /contact).
Извлекаем из неё нужный контент (в нашем случае это форма с идентификатором contact-mail-page).
Показываем извлечённый контент в Fancybox.

Написанное актуально для
Drupal 6.x
Теги:
fancybox
Добавлено: 27 Июля 2018 08:25:15 Добавил: Андрей Ковальчук Нравится 0
Добавить
Комментарии:
Нету комментариев для вывода...