Решено.Системные уведомления во всплывающем окне. - страница 2 - Разработки и улучшения

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

И так поехали:

В шаблон подключаем jquery. Если есть то уже хорошо.
В head или body вашего шаблона добавляем:

Код

<script>
          $(document).ready(function() {
				$('#system-message').prepend("<a id='close_message'></a>");			
                 $(this).click(function(){
                    $('#system-message').hide('slow');
                    });
		});
</script>

объясню  вкратце: вызовем или правильней сказать перехватим, system-message через jquery, чтобы конкретно не вмешиваться в ядро Joomla, добавим HTML код в самом вызове при помощи функции prepend (это нужно для красивого отображения кнопочки "Закрыть" в сообщении, в принципе сообщение можно будет закрыть кликнув в любой области окна сообщения).

Будет полезен новичкам для лучшего понимания и изучения CSS

я так понимаю основное его назначение

потому что почти 100К для плагина системных сообщений в модале - имхо это перебор раз в 10 как минимум

не уверен, но осмелюсь предположить что имел ввиду http://prntscr.com/6gq1jc

но я не причем это просто предположение

Вот такой плагин хочу предложить
http://juice-lab.ru/dev/plugins/22-sistemnye-soobshcheniya-dzhumla

Можно подробнее о нем? Как Вы его используете?

Сейчас mootools убрали из админки. Плагин без него работать не будет.

В шаблон подключаем jquery. Если есть то уже хорошо.
В head или body вашего шаблона добавляем:

Код

<script>
          $(document).ready(function() {
				$('#system-message').prepend("<a id='close_message'></a>");			
                 $(this).click(function(){
                    $('#system-message').hide('slow');
                    });
		});
</script>

Вариант из топика тоже не заработал.

document.addEventListener("DOMContentLoaded", function () {
    var $ = jQuery ;
    $('#system-message').prepend("<a id='close_message'></a>");
    // Это неправильно ... так как this - тут - это document
    $(this).click(function(){
        $('#system-message').hide('slow');
    });
    // правильно будет так 
    // нашли элемент
    var $e = $('#close_message'); 
    // Вешаем слушателя )) 
    $e.on('click' , function (event) {
        event.preventDefault();
        // Обрабатываем событие .. к примеру
        alert('Joomla !');
    })
  
});