Модальные окна для 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;\" ><br />
<center>В ваше отстутствие вам прислали ".$prin." личных сообщений</center><br />
</div><br />
<script type=\"text/javascript\"><br />
$(function(){<br />
$('#newmessage').dialog({<br />
autoOpen: true,<br />
show: 'fade',<br />
hide: 'fade',<br />
width: 550,<br />
});<br />
});<br />
</script>" : "";
Результат: Если у пользователя есть новые входящие сообщения, то появится модальное окно с сообщением как на скриншоте.
