» » » » Онлайн чат через модуль "Гостевая книга"


Скрипт мини-чат для uCoz - Онлайн чат через модуль "Гостевая книга"

Очередное супер-пупер навороченное творение от uCodes! В этот раз
парни забабахали полноценный мини-чат через простой модуль Гостевая
книга! В общем, нет слов - просто замечательно!

Описание :


Данный скрипт чата сделан из модуля Гостевая книга. Реализованы
некоторые полезные функции, которые делают его очень удобным.
Реализованы опции, которые каждый пользователь может легко и быстро
настроить:
— Авто открытие списка смайлов (onfocus textarea).
— Авто обновление сообщений через указанный интервал.
— Отправка сообщений комбинацией клавиш Ctrl+Enter.
— Выбор цвета сообщений, которые адресованы Вам (скриншот).
— Красивая панелька основных ББ-кодов (разработанная специально для чата).
— Возможность скрыть панель ББ-кодов (если мешает).

— Уведомление о обновлении сообщений в чате, а также возможность
отключить уведомление (сообщение, живущее 2 секунды. Появляется при
обновлении сообщений).
— Панель с аватаркой и ссылкой на профиль и
ЛС возле каждого пользователя (скриншот) Появляется после клика на
иконку возле каждого сообщения. Если отвести мышку с окошка и держать её
за пределами окна более секунды, окошко само исчезает (разработано для
этого чата).
— Возможность обновить чат в любой момент.
— У администрации есть возможность удалять любые сообщения.
— Поддержка каптчи.


Простые пользователи не могут удалять свои сообщения (не предусмотрено
системой uCoz). Возможно, в следующих версиях скрипта это будет. Пример
чата на нашем сайте uCodes.ru; Чат сделает ваш сайт не таким скучным,
как он был. Пользователям будет интересно общаться в этом удобном чате.

Установка:


В то место, где будет сам чат, вставляйте:
Code
<link type="text/css" rel="StyleSheet" href="/css/chat-styles.css" />  
<div id="gbchat"><div id="gbcb1"><div style="text-align: center; padding-top: 50px">Загрузка…</div> </div><div style="padding: 3px;" id="bbcodesInChat"> <img class="bbcodeImgChat" align="absmiddle" src="/images/format-text-bold.png" onclick="bbcodeChat('b');" alt="" title="Жирный"> <img class="bbcodeImgChat" align="absmiddle" src="/images/format-text-italic.png" onclick="bbcodeChat('i');" alt="" title="Курсив"> <img class="bbcodeImgChat" align="absmiddle" src="/images/format-text-underline.png" onclick="bbcodeChat('u');" alt="" title="Подчеркнутый"> <img class="bbcodeImgChat" align="absmiddle" src="/images/script_code.png" onclick="bbcodeChat('code');" alt="" title="Вставить код"> <img class="bbcodeImgChat" align="absmiddle" src="/images/miscellaneous2.png" onclick="bbcodeChat('spoiler');" alt="" title="Спойлер"> <img class="bbcodeImgChat" align="absmiddle" src="/images/user_comment.png" onclick="bbcodeChat('quote');" alt="" title="Вставить цитату"></div><textarea id="txtchatGB" onfocus="ifchatautosmiles();" onkeypress="ctrlpost(event, gbch.post);"></textarea> <div class="postbuttons-chat"><div class="pstt-chat"><img src="/images/load.gif" style="border: 0;padding:3px 0px 0px 2px; display: none" alt="" align="absmiddle" id="statimg-chat"></div><input type="button" value="Отправить" onclick="gbch.post();" title="Ctrl + Enter" class="ch-b-send"><input type="button" title="Список смайлов" onclick="smilesToggleChat();" value=":)" class="ch-b-sml"><input type="button" value="~" title="Опции" onclick="optionschat();" class="ch-b-opt"><input type="button" value="R" title="Обновить" onclick="myreloadchat();" id="reloadchatbutton" class="ch-b-opt"><span style="color: green; font-size: 10px; padding-left: 10px; display: none;" id="reNewPostsChat">Обновлено</span></div></div>  
<script type="text/javascript">  
  var ucodes = {ru:{logged: "$USER_LOGGED_IN$", login: "$USERNAME$"}};  
  includeJSfile("/js/ucodes.ru.chat.js", "uchat");  
</script>

В Виде материалов гостевой книги замените весь код на:
Code
<div class="blockGbChat $CLASS$">  
<div style="float: left">  
<span onclick="toUmane('$USERNAME$Гость');" class="gbchatnick"> $USERNAME$Гость</span>  
</div>  
<div style="text-align: right">  
<span title="$DATE$" class="gbct-nav" style="color: grey; font-size: 9px;">$TIME$</span>  
<span title="Удалить" class="gbct-nav" onclick="delchatmsg('',$(this).parents('.blockGbChat'));"><img src="http://ucodes.ru/upload/icons/error.png" align="absmiddle" border="0"></span>  
<span title="$USERNAME$" class="gbct-nav" onclick="userChatNav({num: '$NUMBER$'},this);_uWnd.alert('Это сообщение написали Вы.', 'Капитан Очевидность', {w: 200, h: 70, tm: 5000});"><img src="http://ucodes.ru/upload/icons/user_gray.png" align="absmiddle" border="0"></span>  
</div>  
<div class="hrchat"></div>  
<span class="messageChatMess">$MESSAGE$</span>  
<div id="chb$NUMBER$" class="chat-block-div" onmouseover="menuJJ(this, 1);" onmouseout="menuJJ(this, 0);"><div class="cbgbH"><div style="text-align: center; margin-bottom: 10px;"><img src="$USER_AVATAR_URL$" onerror="this.src='/images/noava.png'" style="border: 0px; max-height: 150px; max-width: 150px;"></div> <div class="menu-chat-link prfl-mcg" onmouseover="$(this).toggleClass('gvr-chgbl');" onmouseout="$(this).toggleClass('gvr-chgbl');" onclick="menuNavChat('', 0);">Профиль</div><div class="menu-chat-link prfl-pm" onmouseover="$(this).toggleClass('gvr-chgbl');" onmouseout="$(this).toggleClass('gvr-chgbl');" onclick="menuNavChat('', 1);">Отправить ЛС</div> </div></div>  
</div>


Далее идите в ПУ - Настройки модуля Гостевая книга и настройте параметры этого модуля под себя

Теперь там же, в ПУ, настройте права групп пользователей для Гостевой книги (Желательно разрешить всем пользователям добавлять сообщения и отключить премодерацию)

Осталось лишь залить скрипт из прикреплённого архива в папку js, стиль в папку css и все картинки в папку images

Готово.

  Просмотров: 6358 | Категория: Мини-чат | Добавил: NA

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
|
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.