joomla alertСегодня решил написать о том, как сделать всплывающее сообщение предупреждений Joomla. Для начала выберем скрипт всплывающих сообщений, в моём случае были выбраны плагины для jQuery.

Среди всех плагинов на этой странице – http://plugins.jquery.com/plugin-tags/alert
Был выбран freeow

Теперь нужно подключить css и jQuery плагин, для этого, в пределах тэга head всталяем (пути заменяем на свои):

  1. <link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/freeow/style/freeow/freeow.css" />
  2. <script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/freeow/jquery.freeow.js"></script>

Следующий код, должен быть в шаблоне Joomla. В нём проверяется, существует ли в сообщении текст и если он есть, то выполняется ява скрипт, который находит его и вставляет в скрипт инициализации плагина.

  1.          <?php if ($this->getBuffer(‘message’)) : ?>
  2.   <div style="display:none;"><jdoc:include type="message" /></div>
  3.   <div id="freeow"></div>
  4.         <script>
  5.         var text = jQuery(‘#system-message li’).text();
  6.         // With options
  7.         jQuery("#freeow").freeow("Предупреждение", text, {
  8.                 classes: ["gray", "error"],
  9.                 autoHide: true
  10.         });
  11.         </script>
  12.   <?php endif; ?>
  13.  

После выполнения этих несложных операций получилось примерно следующее:
всплывающее сообщение Joomla