Модальные окна для Slaed 5.0
Офф.сайт: http://jqueryui.com/download
Плагин: jquery-ui.js
Пример на pro-script.ru в левом блоке "апдейт" по клику -Получить информер
Установка
• Залить файлы на сервер.
• Подключить плагин:
В файле function/function.php находим функцию head()
В ней находим строку
."<script type=\"text/javascript\" src=\"plugins/system/global_func.js\"></script>\n"
Над этой строкой вставляем
."<link rel=\"stylesheet\" type=\"text/css\" href=\"plugins/jquery/jqueryui/jquery-ui.css\">\n"
Далее после строки
."<script type=\"text/javascript\" src=\"plugins/jquery/jquery.min.js\"></script>\n"
Вставить
."<script type=\"text/javascript\" src=\"plugins/jquery/jqueryui/jqueryui.js\"></script>\n"
Для примера:
В файл blocks/block-user_info.php после строки
$content .= ($prin) ? "<embed src=\"sound/privat-".$currentlang.".mp3\" autostart=\"true\" hidden=\"true\" loop=\"false\"></embed>" : "";
Вставить
$content .= ($prin!=0) ? "<div id=\"newmessage\" title=\""._PRINNO."\" style=\"display:none;\" >
<center>В ваше отстутствие вам прислали ".$prin." личных сообщений</center>
</div>
<script type=\"text/javascript\">
$(function(){
$('#newmessage').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 550,
});
});
</script>" : "";
<center>В ваше отстутствие вам прислали ".$prin." личных сообщений</center>
</div>
<script type=\"text/javascript\">
$(function(){
$('#newmessage').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 550,
});
});
</script>" : "";
Результат: Если у пользователя есть новые входящие сообщения, то появится модальное окно с сообщением как на скриншоте.
