Все намного проще без всяких плагинов и лишних библиотек.
Это один из простых приемов вывода системного сообщения в всплывающем окне, хотя есть и другие.
И так поехали:В шаблон подключаем 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 (это нужно для красивого отображения кнопочки "Закрыть" в сообщении, в принципе сообщение можно будет закрыть кликнув в любой области окна сообщения).
Если нужно закрыть окно с сообщением автоматически, держите код:
setTimeout(function(){ $("#system-message").hide('slow') }, 3500);
Этот код вызовет функцию jquery "setTimeout" которая закроет окно через 3,5 секунды. это только пример время может быть любым.
Для любителей закрывать окна при помощи escape (то-есть клавиатурой) - код:
$(this).keydown(function(eventObject){
if (eventObject.which == 27)
$('#system-message').hide('slow');
});
в .css добавляем и правим, каждый сам под себя (код привожу для примера):
#system-message {
background-color: #FF4500;
border-radius: 8px 8px 8px 8px;
box-shadow: 1px 1px 4px #DDDDDD;
color: #FFFFFF;
cursor: pointer;
left: 50%;
margin-bottom: 10px;
margin-left: -300px;
padding: 25px 25px 30px;
position: fixed;
top: 130px;
width: 500px;
z-index: 9999;
}
a#close_message{
background: url(../images/close.png) no-repeat;
cursor: pointer;
height: 30px;
margin-right: 0px;
margin-top: 0;
position: absolute;
right: 0;
top: 0;
width: 30px;
}
}
Как раз background: url(../images/close.png); в a#close_message это и есть ваша графическая кнопочка "Закрыть" размещенная вверху справа вашего блока сообщения. Кнопочку найдете сами, в сети их полно, главное подправить стили и путь к вашему изображению.
Пробуйте все должно получиться. Проверяйте сайт на наличие ошибок при помощи
FireBug. Как правило ошибки возникают из за невнимательности .
Тестировал на Joomla 2.5. Удачи! 
28.02.2024, 18:34:01