lChat Lite
lChat Lite, довольно таки не новый скрипт, но всё же многим он очень нравится из-за простоты использования. iChat, работает на GET-запросе. В Lite-версии ничего лишнего - только переделка чата из iframe в div с get-запросом.
1. В нужное место на сайте вставляем чат:
2. В нижнюю часть сайта вставляем скрипт:
3. В CSS добавляем стили:
4. Вид материалов чата оборачиваем в div:
Установка завершена.
1. В нужное место на сайте вставляем чат:
Код
<div id="lChatGet"><div style="margin:30px auto;font-weight:bold;">Загрузка...</div></div>
<form id="MCaddFrm" onsubmit="lChatSubmit();return false;">
<input type="text" class="lChatMes" name="mcmessage" id="mchatMsgF" placeholder="Введите ваше сообщение..." />
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1">
</form>
<form id="MCaddFrm" onsubmit="lChatSubmit();return false;">
<input type="text" class="lChatMes" name="mcmessage" id="mchatMsgF" placeholder="Введите ваше сообщение..." />
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1">
</form>
2. В нижнюю часть сайта вставляем скрипт:
Код
<script type="text/javascript">
rld = 10000; // Время обновления lChat. Указывать в миллисекундах
function lChatRld(){$.get('/mchat/',function(data){$('#lChatGet').html('');$('.lChatText',data).each(function(){$('#lChatGet').append($(this).html());});});} setInterval('lChatRld();',rld);lChatRld();
function lChatSubmit(){_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?855149252.107378'});lChatRld();}
</script>
rld = 10000; // Время обновления lChat. Указывать в миллисекундах
function lChatRld(){$.get('/mchat/',function(data){$('#lChatGet').html('');$('.lChatText',data).each(function(){$('#lChatGet').append($(this).html());});});} setInterval('lChatRld();',rld);lChatRld();
function lChatSubmit(){_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?855149252.107378'});lChatRld();}
</script>
3. В CSS добавляем стили:
Код
#lChatGet {height:200px;overflow:auto;}
.lChatMes {width:100%;height:25px;overflow:hidden;}
.lChatMes {width:100%;height:25px;overflow:hidden;}
4. Вид материалов чата оборачиваем в div:
Код
<div class="lChatText">
// Тут вид материалов чата
</div>
// Тут вид материалов чата
</div>
Установка завершена.
-D-I-N-I-S-
02.08.15 в 19:08
1.2k
0
Источник