Мини-чат с автообновлением :)


Мини-чат с автообновлением :)

1103
0 из 10
Проголосовало: 0




Обычный чат $CHAT_BOX$ но со скриптом автообновления чата.

Установка: Там где у вас стоит $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); - интервал времени обновления чата.

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

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+='[i]$NAME$[/i], ';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>

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

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?>
Автор публикации: Загрузка
Загрузка
SanyaSV, это его n материал
Источник: http://www.forucoz.com
  • Всего комментариев: 1

МªZλнАĸ_а
0
МªZλнАĸ_а написал: Написано 10 мая 2011 в 22:21
Комментарий №1
Не пашет

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2111
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • LeKcUs написал:
  • Да понятное дело что можно еще кучей вариантов вывести ну данный вариант вывода используеться если у Вас есть уже офрмление <a href а Вы хотите что то новое по этому есть такой вариант <span и только...

    dry
  • Marishka написал:
  • Тоже нефига не поняли wink ... В любой элемент можно вставить onclick и в нем все прописать. (Window.open, location и т.д)
  • LeKcUs написал:
  • biggrin biggrin biggrin biggrin
    Да все очень просто теперь можно ставить место ссылок стандартных типа вот таких
    Код
    <a href="/load/" rel="v:url" property="v:title">Раздел uCoz</a>


    вот такие новые (через span).

    Код
    <span class="rotate greentext" onclick="InWin('/load/')">Раздел uCoz</span>


    Не всем нужно но пригодиться комуто! Мне нужно было вот и решил поделиться! dry
  • Вовчик написал:
  • что-то я нефига не понял
  • LeKcUs написал:
  • В самый конец просто добавьте вот такие теги... И у Вас не будет больше возникать вопросов! cry

    <!-- </popup> -->$POWERED_BY$<!-- <popup> -->
    Последние темы
    Опрос
    226
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 4
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: