Статья о том как вывести чат в модальном окне DLE. Решил написать статью потому что много видел таких тем на форуме как сделать чтобы чат выводился в модальном окне.
Установка:
1. Установите нужный вам чат на сайт. К примеру mChat или iChat.
2. Открываем шаблон в котором хотите выводить чат в модальном окне, на моем примере буду делать для main.tpl. После тега:
</head>
Вставьте следующий код:
<script type="text/javascript">
function showChat() {
$(function(){
$('#chat').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 450,
height: 500,
});
});
}
</script>
function showChat() {
$(function(){
$('#chat').dialog({
autoOpen: true,
show: 'fade',
hide: 'fade',
width: 450,
height: 500,
});
});
}
</script>
width: 450 - ширина модального окна
height: 500 - высота модального окна
show: 'fade' - эффект появления
hide: 'fade' - эффект скрытия
3. Далее в нужное место вставляем саму кнопку:
<a onclick="showChat(); return false;">Чат в окне</a>
<div id="chat" title="Наш чат" style="display:none; " >
Тут тег чата
</div>
<div id="chat" title="Наш чат" style="display:none; " >
Тут тег чата
</div>
Там где написано Тут тег чата вставляем тег вывода вашего чата.
Например:
Если у вас mChat то пропишите:
{minichat}
Если у вас iChat то пропишите:
{include file="engine/modules/iChat/run.php"}
DLE: 9.x
Автор: GUGA
