Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
On-line чат из Гостевой Книги
+

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

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

1. Качаем скрипт и css-стили и заливаем в корневую папку своего сайта.

2. Ставим в нужное место на вашем сайте (например: глобальный блок)

Code
<link type="text/css" rel="StyleSheet" href="/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="http://ucodes.ru/upload/1/bbcode/format-text-bold.png" onclick="bbcodeChat('b');" alt="" title="Жирный"> <img class="bbcodeImgChat" align="absmiddle" src="http://ucodes.ru/upload/1/bbcode/format-text-italic.png" onclick="bbcodeChat('i');" alt="" title="Курсив"> <img class="bbcodeImgChat" align="absmiddle" src="http://ucodes.ru/upload/1/bbcode/format-text-underline.png" onclick="bbcodeChat('u');" alt="" title="Подчеркнутый"> <img class="bbcodeImgChat" align="absmiddle" src="http://ucodes.ru/upload/1/bbcode/script_code.png" onclick="bbcodeChat('code');" alt="" title="Вставить код"> <img class="bbcodeImgChat" align="absmiddle" src="http://ucodes.ru/upload/1/bbcode/miscellaneous2.png" onclick="bbcodeChat('spoiler');" alt="" title="Спойлер"> <img class="bbcodeImgChat" align="absmiddle" src="http://ucodes.ru/upload/1/bbcode/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="http://ucodes.ru/upload/icons/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("/ucodes.ru.chat.js", "uchat");  
</script>

3. Настраиваем css под себя (так как чат может не подойти по ширине вашего блока и т.д.)

4. Вид материалов гостевой книги:

Code
<div class="blockGbChat $CLASS$">  
<div style="float: left">  
<span onclick="toUmane('<?if $USERNAME$?>$USERNAME$<?else?>Гость<?endif?>');" class="gbchatnick"> <?if $USERNAME$?>$USERNAME$<?else?>Гость<?endif?></span>  
</div>  
<div style="text-align: right">  
<span title="$DATE$" class="gbct-nav" style="color: grey; font-size: 9px;">$TIME$</span>  
<?if $MODER_PANEL$?><span title="Удалить" class="gbct-nav" onclick="delchatmsg('<?substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9,strpos(substr($MODER_PANEL$,strrpos($MODER_PANEL$,'del_item(')+9),')'))?>',$(this).parents('.blockGbChat'));"><img src="http://ucodes.ru/upload/icons/error.png" align="absmiddle" border="0"></span><?endif?>  
<span title="$USERNAME$" class="gbct-nav" onclick="<?if substr($PROFILE_URL$, strpos($PROFILE_URL$,"/index/8-")+9,strpos(substr($PROFILE_URL$,strpos($PROFILE_URL$,'/index/8-')+9),"'")) != $CUR_USER_ID$?>userChatNav({num: '$NUMBER$'},this);<?else?>_uWnd.alert('Это сообщение написали Вы.', 'Капитан Очевидность', {w: 200, h: 70, tm: 5000});<?endif?>"><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>  
<?if substr($PROFILE_URL$, strpos($PROFILE_URL$,"/index/8-")+9, strpos(substr($PROFILE_URL$,strpos($PROFILE_URL$,'/index/8-')+9),"'")) != $CUR_USER_ID$?><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;"><?if $USER_AVATAR_URL$?><img src="$USER_AVATAR_URL$" onerror="this.src='http://ucodes.ru/images/noava.png'" style="border: 0px; max-height: 150px; max-width: 150px;"><?else?><img src="http://ucodes.ru/images/noava.png" style="border: 0px; max-height: 150px; max-width: 150px;"><?endif?></div> <div class="menu-chat-link prfl-mcg" onmouseover="$(this).toggleClass('gvr-chgbl');" onmouseout="$(this).toggleClass('gvr-chgbl');" onclick="menuNavChat('<?substr($PROFILE_URL$, strpos($PROFILE_URL$,"/index/8-")+9,strpos(substr($PROFILE_URL$,strpos($PROFILE_URL$,'/index/8-')+9),"'"))?>', 0);">Профиль</div><?if $USER_LOGGED_IN$?><div class="menu-chat-link prfl-pm" onmouseover="$(this).toggleClass('gvr-chgbl');" onmouseout="$(this).toggleClass('gvr-chgbl');" onclick="menuNavChat('<?substr($PROFILE_URL$, strpos($PROFILE_URL$,"/index/8-")+9, strpos(substr($PROFILE_URL$, strpos($PROFILE_URL$,'/index/8-')+9),"'"))?>', 1);">Отправить ЛС</div><?endif?> </div></div><?endif?>  
</div>

5. Идем в настройки модуля гостевая книга и там настраиваем Количество выводимых сообщений на странице и другие необходимые опции.
6. Идем в права групп, и убеждаемся, что все могут добавлять сообщения в чат.

На этом все. Автор скрипта: http://ucodes.ru/
Ждите новых, более проработанных версий!

Данный раздел авторский все работы являются собственностью BS (mybeststudio.ru) любое коммерческое использование строго запрещено.

При копировании материала указываем источник MyBeststudio.ru.

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Lex@
Дата добавления: 09.03.2011 в 17:30 по МСК
Категория: Мини чат
Просмотров: 8923
Комментариев: 27
Эмоций:
Теги: Авторские скрипты от ucodes, On-line чат из Гостевой Книги
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
MasterBel
12.02.2016 | # |№25
Ну почему не работает то??? Постоянно идет загрузка а сообщение не добавляется http://gde31.ru/gb/
Ok

Best_Studio
12.02.2016 | # |№26
Возможно не правильно установили, или настроили!.
Ok

MasterBel
17.02.2016 | # |№27
Так подскажите пожалуйста как правильно поэтапно. Все делал как прописано и ничего не пошло. Пришлось пока временно удалить
Ok

Torres_1_
21.03.2014 | # |№24
всё нормально, только на крестик не удаляются сообщения, вот скрин clip2net. com/clip/m267567/1395350423-clip-50kb.png?nocache=1
Ok

Torres_1_
21.03.2014 | # |№23
норм всё, только на крестик не удаляются сообщения
Скрин: http://clip2net.com/clip/m267567/1395350423-clip-50kb.png
Ok

Best_Studio
27.06.2012 | # |№22
Все работает. нормально...
Ok

(_MeX@NiC_)
03.04.2012 | # |№21
Главное что работает это отправка сообщений через саму гостевую книгу.
Ok

(_MeX@NiC_)
03.04.2012 | # |№20
Чё за подстава? почему не работает отправка сообщений? P.S. Я заменил стандартный мини чат.
Ok

DexTer
22.03.2012 | # |№19
есть много вопросов, помогите пжлст в скайп или сюда скайп: de_xt_er1
Ok

Администрация
19.08.2011 | # |№18
Как убрать каптчу? при добавлении пояляется сообщение: Каптча и поле для ввода кода, а самого кода. Вот скрин: http://tv-zal.ucoz.ru/warming.png !!!помогите!!!!
Ok

KeSh
22.05.2011 | # |№17
Гостевая книга\Настройки\Количество материалов на старнице (записей). Ставь максимум, но будет дольше грузиться.
Ok

ASPT
18.05.2011 | # |№16
А как сделать чтоб не цифрами переключать, а палкой(ну которая справа), как у с тандартного чата?
Ok

roksi
15.05.2011 | # |№15
DenDiCore , я нашол проблему почему не у всех роботает чат
все дело в языку сайта если сайт на руском то все норм пашет

а я пробывал поставить украинский то такое же окно как в последних скринах
язык сайта должен быть руский

Автор, поправте пожалуста статтю smile а так все норм)

Ok

Rudoi
24.04.2011 | # |№13
я поменял язык сайта и при добавлении появляется такое окошко. но сообщение добавляется
http://img696.imageshack.us/i/17729875.jpg/
help!
Ok

Myşatinu
25.04.2011 | # |№14
vo vo i ea a tomje...
Ok

gother
14.04.2011 | # |№12
Добавил на страницу. Форма ввода сообщения отобразилась нормально, но над ней висит "загрузка..." При вводе сообщений ничего не происходит. Подскажите, пожалуйста в чем проблемка.
Ok

Myşatinu
10.04.2011 | # |№7
u menea ne savsem rabotaet sad

Pisu sabsenie a mne paiveaeta vo tacoe akoska http://k.min.us/imXD6k.png

Ok

UQweet
10.04.2011 | # |№8
Потому что, ты сделал что-то не так :-D
Ok

Myşatinu
10.04.2011 | # |№9
Veriu... no sto ne tak sad sluciaina v js necevo ne nada meneati??
Ok

UQweet
10.04.2011 | # |№10
Предполагаю... с видом материалов
Ok

Myşatinu
10.04.2011 | # |№11
pamoiumu asabka nacenaitsa zdesi http://i.imgur.com/YUJyI.png ubrati skobku stoli?? vseoravno ne rabotaet sad
Ok

notactic
27.03.2011 | # |№5
У меня не работаю ссылки на профиль и написание сообщений. Не подскажите в чем может быть проблема?
Ok

1-15 16-18