• Добро пожаловать на сайт QuCoz.At.Ua!
  • На нашем сайте вы сможете найти:
  • -Скрипты и шаблоны для вашего сайта
  • -Скачать скрипты,шаблоны,графику
  • -Получить полезную информацию на форуме
  • -Задать вопросы о раскрутке, продвижении сайтов и прочем
  • -Связаться с админимтрацией и представителями сайта
  • Мы делаем всё возможное, чтобы наш сайт был вам интересен и удобен!
  • Меню сайта
    Категории раздела
    Скрипты Ucoz [140]
    Скачать скрипты для Ucoz сайтов
    Шаблоны Ucoz [25]
    Скачать шбалоны для Ucoz сайтов
    Графика Ucoz [0]
    Скачать графику для Ucoz сайтов
    Мини-чат
    ОК
    Наш опрос
    Чего бы вы больше хотели видеть?
    Всего ответов: 10
    Статистика

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

    Сегодняшние посетители
    Подписка
    Главная » Файлы » Скрипты Ucoz

    Мини-чат с автообновлением :)
    08.09.2011, 00:06
    Обычный чат $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?>
    Категория: Скрипты Ucoz | Просмотров: 379 | Добавил: pendulum47 | Теги: мини-чат, :), автообновлением | Рейтинг: 0.0/0| Жаловаться на материал
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    Новое на форуме
    Последнии комментарии
    Написал: GrandKhavatari
    Написал: pendulum47
    Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Поиск