Заходите к нам с нового домена - uCoz.co.ua
Total users: 3516

Навигация

New-Info это:
Большой сборник скриптов, шаблонов, меню, макетов для uCoz. Проект New-Info.uCoz.Net не требует от Вас регистрации для скачивание файлов. Также большая часть загружена на наш сервер - это даст возможность скачивать в один клик.

Поиск


Форма входа

Популярные теги

Профиль

Онлайн всего: 1
Гостей: 1
Пользователей: 0


Проверка тИЦ и PR

скачать моды
Мини чат с авто-обновлением
Категория: Скрипты / Дата добавления материала: 24.05.2011, 22:55

Функциональный мини-чат с авт -обновлением для uCoz. Скрипт очень полезный, не нужно периодически обновлять страницу сайта ,что бы увидеть новые сообщения, чат обновляется в автомат режиме. Время можно настроить под себя. 

Установка:

1) Код $CHAT_BOX$, заменяете на:

Code
<div id="chatBox">$CHAT_BOX$</div>  
<script type="text/javascript">  
function reloadTimeC() {  
$('#chatBox').load('/ #chatBox',function(data){  
$('#reloadSec').html('<span style="color:green;padding-top:4px;">Обновлено</span>');  
setTimeout("$('#reloadSec').html('')",1000);  
});  
};  
setInterval(reloadTimeC,30000);  
</script>

Там где setInterval(reloadTimeC,30000); - интервал времени обновления чата.

2) В Управление дизайном - Вид материалов:

Code
<div style="text-align:left;background:#ffffff;border:1px solid #CCD3DA;padding:2px;">  
<table width="100%" cellspacing="0" cellpadding="0"><tr><td align="left" valign="top"><div style="font:8pt"><a href="javascript:void('Apply to')" style="color:#000000;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;"><b>$NAME$</b></a></div></td>  
<td width="85%" align="right" valign="top"><a href="javascript://" style="font:8pt">$TIME$</a></td></tr></table>  
<div style="text-align:left;font-size:9pt;">$MESSAGE$</div></fieldset>  
</div><div style="margin-top: 4px;"></div>

3) В Управление дизайном - Форма добавления сообщений:

Code
<table width="100%">  
<tr>  
<td align="left" valign="top">  
<textarea name="mcmessage" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"></textarea>  
<div style="float:left;"><div id="chatb" href="$SMILES_URI$"><img src="http://s105.ucoz.net/sm/1/smile.gif"></div>  
<div id="chatb" href="$RELOAD_URI$"><img src="http://miniblog.3dn.ru/mreload.png"></div>  
<div id="chatb" href="$BBCODES_URI$"><img src="http://miniblog.3dn.ru/bcodes.png"></div>  
<div id="chatb" href="$MSGCTRL_URI$"><img src="http://miniblog.3dn.ru/options.png"></div></div><div id="reloadSec" style="float:right;"></div>  
$_SECURITY_CODE$  
</td>  
<td width="10%" align="right" valign="top">  
<div id="buttonsubmit" onclick="$('#mchatBtn').click();">ОК</div>  
</td>  
</tr>  
</table>  
<style>  
#mchatMsgF{padding:4px;margin-top:6px;border:1px solid #B5B8C8; background:#ffffff url(http://miniblog.3dn.ru/fimage/text-bg.gif) repeat-x 0 0;width:100%;height:42px;font-family:tahoma;font-size:12px;font-weight:bold;}  
#buttonsubmit{background:#6386d0;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;}  
#buttonsubmit:hover{background:#7e9fe4;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;}  
#buttonsubmit:active{background:#4f72bd;border:1px solid #3358a5;padding:13px;margin-top:6px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;}  
#chatb{background:#FFF;border-left:1px solid #B5B8C8;border-right:1px solid #B5B8C8;border-bottom:1px solid #B5B8C8;padding:4px;font-size:12px;color:#FFF;font-weight:bold;cursor:pointer;text-decoration:underline;display:inline-block;}  
</style>  
<div style="display:none;"><input type="submit" style="width: 30px;" id="mchatBtn" class="mchat" value="OK"></div>  

<?if($FLD_SECURE$)?>  
<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>  
</table>  
<?endif?>

Просмотров: 464 | Загрузок: 0 | Рейтинг: 0.0/0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

New-Info.uCoz.Net / uCoz.co.ua © 2025
Хостинг от uCoz