Drupal 7. CTools. Большое руководство по созданию всплывающих окон.

Опубликовано: 24.09.2017

Создание попап (всплывающих окон) с помощью модуля CTools не такая сложная вещь, но оно имеет много важных нюансов. Поэтому, эта статья посвящена различным нюансам создания всплывающих окон.

Самое простое CTools всплывающее окно

Что бы создать самое простое CTools всплывающее окно, Вам всего лишь нужно написать одну строку Javascript кода: Drupal.CTools.Modal.show(); . Эта Javascript функция создаст полноценное всплывающее окно, Вам нужно просто добавить контент. Например, давайте создадим попап окно, которое будет появляться после загрузки страницы.

;(function($) { Drupal.behaviors.firstPopup = { attach: function (context, settings) { var content = 'my content'; var title = 'my title'; Drupal.CTools.Modal.show(); $('#modal-title').html(title); // Добавляем заголовок во всплывающее окно; $('#modal-content').html(content); // Добавляем контент во всплывающее окно; } } })(jQuery);

Добавьте этот код на желаемую страницу - и Ваше первое, самое простое всплывающее окно готово. Однако, рассмотренный пример имеет один недостаток - как и любой другой Javascript, он может выводить только данные, сгенерированные на клиентской стороне. Конечно, в некоторых случаях, этого может быть достаточно, но чаще всего во всплывающих окнах отображаются динамические данные с сервера.

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

Классическое CTools всплывающее окно

Во-первых, давайте создадим новый модуль под названием my_popup , где мы будем проводить наши эксперименты.

1. hook_menu

Давайте начнем с создания необходимых страниц, через которые наше модальное окно будет вызываться.

/** * Implements hook_menu(). */ function my_popup_menu() { // Страница всплывающего окна. $items['first-popup/%ctools_js'] = array( 'title' => 'My first popup', 'page arguments' => array(1), 'access callback' => TRUE, 'page callback' => 'my_popup_callback', 'type' => MENU_CALLBACK, ); // Страница для вывода ссылки на всплывающее окно. $items['first-popup'] = array( 'title' => 'My first popup', 'access callback' => TRUE, 'page callback' => 'my_popup_page', 'type' => MENU_CALLBACK, ); return $items; }

Мы создали две страницы.

Финансовый аналитик: новая профессия для новой экономики


Профессия будущего: Системный аналитик - профессия будущего, системный аналитик - Trend Club
Будущее - уже определено сегодня, остается только его реализовать. Что делать сегодняшнему студенту или ученику для того, чтобы получить интересную, захватывающую работу, которая будет приносить

Политический анализ и политическое прогнозирование
Под прогнозом в науке понимается вероятностное, научно обоснованное суждение о будущем. Именно вероятностный характер прогноза и его научная обоснованность отличает данный вид знания от других форм предвидения.

Политический анализ и политическое прогнозирование
Под прогнозом в науке понимается вероятностное, научно обоснованное суждение о будущем. Именно вероятностный характер прогноза и его научная обоснованность отличает данный вид знания от других форм предвидения.

Маркетинговые исследования - это... Этапы, результаты, пример маркетингового исследования
Маркетинговые исследования - это поиск, сбор, систематизация и анализ информации о ситуации на рынке с целью принятия управленческих решений в сфере производства и сбыта продукции. Стоит четко понимать,

Форекс брокер Альпари отзывы и обзор услуг и сервисов компании
Проголосовали: 902 За 88 %, Против 12 % За Против

Разница между науками о финансах и экономике. Экономическая статья на английском с переводом
Сайт Деловой английский www.delo-angl.ru Опубликовано: 14.04.2016 Хотя зачастую они изучаются и представляются как совершенно раздельные дисциплины, экономика и финансы, как науки, взаимосвязаны, разделяют

12 лучших сервисов для веб-аналитики
В статье вы узнаете о самых популярных инструментах для веб-аналитики, их функциональности и стоимости. И начнём мы с двух самых известных сервисов – Google Analytics и Яндекс.метрика. Вероятно, что каждый

Big Data – технология, рождающая новый тип бизнеса::БИТ 03.2014
Big Data – технология, рождающая новый тип бизнеса Главная / Архив номеров / 2014 / Выпуск №3 (36) / Big Data – технология, рождающая новый тип бизнеса Рубрика: Тема номера /  Системы хранения

Big Data и блокчейн — прорыв в области анализа данных
Постоянное ускорение роста объема данных является неотъемлемым элементом современных реалий. Социальные сети, мобильные устройства, данные с измерительных устройств, бизнес-информация

Добро пожаловать , Гость !

Мы настоятельно рекомендуем Вам зарегистрироваться, если вы ещё этого не сделали. регистрация откроет Вам новые функции.

Войти или Зарегистрироваться

www.silvio-berluskoni.ru © Все права защищены © 2016.
rss