Особенности чата:
1) Звуковое оповещение при новом сообщении.
2) Каждый пользователь может поставить себе свой цвет ника.
3) Выбор времени через которое будет обновляться чат.
4) Появление сообщения сразу после добавления.
Установка:
1) Активируем доп. поле 1
2) В вид материалов заменяем всё на
Code
<div class="messchat"><div class="MesChat2" style="margin-right:0px;">
<div style="background:#fff; border:0px; border-bottom:1px solid #ccc;">
<div style="padding:4px 5px; margin-top:0px; margin-bottom:0px; border-bottom:1px solid #ccc; background:#f7f7f7;">
<div style="float:right;"></div>
<div style="float:left;"><a href="javascript://" style="margin-bottom:3px;matgin-left:3px;" onclick="$('#mchatMsgF').val('$USERNAME$ '); $('#mchatMsgF').focus();return false;"><b style="font-size:11px;color:#$CUSTOM1$ !important;" id="$USERNAME$" class="UserPriv">$USERNAME$</b></a>
</div><br></div>
<div style="padding:5px 5px; font-size:11px;color:#969696;" class="Provka">$MESSAGE$</div>
</div>
</div></div>
<div style="background:#fff; border:0px; border-bottom:1px solid #ccc;">
<div style="padding:4px 5px; margin-top:0px; margin-bottom:0px; border-bottom:1px solid #ccc; background:#f7f7f7;">
<div style="float:right;"></div>
<div style="float:left;"><a href="javascript://" style="margin-bottom:3px;matgin-left:3px;" onclick="$('#mchatMsgF').val('$USERNAME$ '); $('#mchatMsgF').focus();return false;"><b style="font-size:11px;color:#$CUSTOM1$ !important;" id="$USERNAME$" class="UserPriv">$USERNAME$</b></a>
</div><br></div>
<div style="padding:5px 5px; font-size:11px;color:#969696;" class="Provka">$MESSAGE$</div>
</div>
</div></div>
3) в нужное место ставим
Code
<div id="chatload" style="width:196px;height:300px;overflow:auto;padding:1px;border:1px solid #ccc;">Загрузка...</div><form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;"><table border="0" style="border-right:1px solid #ccc;border-left:1px solid #ccc;padding:2px;" cellpadding="0" cellspacing="0" width="200px"><td width="100%" ><div id="barchat" style="display:none;"><div style="float:left;margin-top:-1px;"><a href="javascript://" rel="nofollow" onclick="chatload();" title="Обновить"><img alt="" border="0" align="absmiddle" src="/imagestable/Synchronize.png" ></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-2'});return false;" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="/imagestable/emoticon_smile.png" ></a> <a href="javascript://" rel="nofollow" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="/imagestable/format-text-bold.png" ></a> <a rel="nofollow" href="javascript://" onclick="ajaxsetting();" title="Настройка чата"><img alt="" border="0" align="absmiddle" width="16px" src="/imagestable/advanced.png" ></a></div><div style="font-size:10px;float:right;"><b id="jeuwu28">200</b></div></div></td></table><input type="text" maxlength="60" name="custom1" class="mchat" id="mchatC1F" value="" title="Other 1" onfocus="if(this.value==$(this).attr('title')){this.value='';}" style="width:100%;display:none;"><table border="0" cellpadding="0" cellspacing="0" style="border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;padding:2px;" width="200px"><tr><td width="50%"><input class="mchat" title="Код безопасности" id="secuCodeMc3" type="text" name="code" style="width:60px;font-size:18px;padding:5px" size="5" maxlength="5" /><input type="hidden" name="seckey" value="1745081422699081629" /></td><td align="right"><img alt="" style="margin:0;padding:0;border:0;cursor:pointer;" align="absmiddle" title="Обновить код безопасности" id="mcSecurImg3" onclick="this.src='http://test.umania.su/secure/?k=1745081422699081629;s=mchat;tm='+Math.random();" src="http://test.umania.su/secure/?k=1745081422699081629;s=mchat;tm=1327836775" /></td></tr></table><table cellpadding="0" cellspacing="0" style="border-top:1px solid #cacaca;border:1px solid #ccc;" width="200px"><td><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea></td><tr><td><div style="width:30px"><input type="submit" value="Добавить" class="mchat" id="mchatBtn" onclick="$('#MCaddFrm').submit(function(){setTimeout('chatload()',500);});"></div></td></tr></table><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><div style="display:none;height:300px;" id="settingchat"><table><td style="height:300px;">Цвет ника в чате: #<input value="" id="colorpickerField" type="text"><input value="Установить" onclick="succescolortonick();" type="submit"><hr>Отключить уведомление обновлении чата: <input value="Да" onclick="addcokicisrefer();"id="addcokicisrefer" type="submit"> <input value="Нет" style="display:none;" id="delcokicisrefer" onclick="delcokicisrefer();" type="submit"><hr>Отключит звуковое оповещение о новом сообщении: <input value="Да" onclick="setCookie('sound','1', 999);$('#addcokicissound').hide();$('#delcokicissound').show();" id="addcokicissound" type="submit"> <input value="Нет" style="display:none;" id="delcokicissound" onclick="eraseCookie('sound');$('#delcokicissound').hide();$('#addcokicissound').show();" type="submit"><hr>Частота обновлений чата в секундах<br><input value="10 сек" onclick="setCookie('chastota','10000', 999);" id="ten" type="submit"><input value="15 сек" onclick="setCookie('chastota','15000', 999);" type="submit"><input value="20 сек" onclick="setCookie('chastota','20000', 999);" type="submit"><input value="30 сек" onclick="setCookie('chastota','30000', 999);" type="submit"><hr><iframe src="/mchat/0-1" frameborder="0" width="350" height="200"></iframe><hr> <input value="Закрыть" onclick="_uWnd.close('ajaxsetting');" type="submit"> <hr></td></table></div>
<script type="text/javascript">
$.getScript("http://joomla.ucoz.com/33/chat/chat.v.1.js");chatload();
</script> <link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/33/chat/chat.css" />
<script type="text/javascript">
$.getScript("http://joomla.ucoz.com/33/chat/chat.v.1.js");chatload();
</script> <link type="text/css" rel="StyleSheet" href="http://joomla.ucoz.com/33/chat/chat.css" />
если у вас есть стандартные стили чата то удалите их на всякий случий.
Если чат не загружается то вниз сайта вставим данный скрипт
Code
<script> $(document).ready(function(){chatload();});</script>
Другие новости |
Поделиться ссылкой
|
|
нужено звуковой сигналь при новом сообщении в мини чате en@angla.su