Кодировка HTML | Демо-сайт CMS uCoz | Почта

On-line чат из Гостевой Книги — для uCoz

Бесплатные и интересные решения для сайтов.
Правила форума
1. Темы с названиями Помогите, Как сделать, Хелп, Не могу найти и так далее будут перенесении в мусорку без предупреждения!
2. Любой транс-лит будет удален, так что подумайте стоит ли писать транс-литом.
3. Темы не по тематике этого раздела будут также перенесены в мусорку. (Например по DLE, phpBB, php скриптам и так далее...)
4. Не забываем про Общие правила форума!
Внимание: В этом разделе можно оставлять только готовые скрипты, для вопросов есть раздел Общение!!! :evil: Иначе, получите предупреждение, а потом бан :D .

On-line чат из Гостевой Книги — для uCoz

Сообщение DenDiCore » 08 фев 2011, 13:18

Изображение

Изображение

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

Простые пользователи не могут удалять свои сообщения (не предусмотрено системой uCoz). Возможно, в следующих версиях скрипта это будет. Пример чата на нашем сайте help-sites.do.am, протестировать вы можете на нашем тест сайте - http://script-test.ucoz.com/ (Логин - allcity-net-ru, Пароль - allcity-net-ru) Чат сделает ваш сайт не таким скучным, как он был. Пользователям будет интересно общаться в этом удобном чате.

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

2. Ставим в нужное место на вашем сайте (например: глобальный блок)
Код: Выделить всё
<link type="text/css" rel="StyleSheet" href="http://help-sites.do.am/css/chat/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://help-sites.do.am/bbcodes/chat/format-text-bold.png" onclick="bbcodeChat('b');" alt="" title="Жирный"> <img class="bbcodeImgChat" align="absmiddle" src="http://help-sites.do.am/bbcodes/chat/format-text-italic.png" onclick="bbcodeChat('i');" alt="" title="Курсив"> <img class="bbcodeImgChat" align="absmiddle" src="/bbcodes/chat/format-text-underline.png" onclick="bbcodeChat('u');" alt="" title="Подчеркнутый"> <img class="bbcodeImgChat" align="absmiddle" src="http://help-sites.do.am/bbcodes/chat/script_code.png" onclick="bbcodeChat('code');" alt="" title="Вставить код"> <img class="bbcodeImgChat" align="absmiddle" src="http://help-sites.do.am/bbcodes/chat/miscellaneous2.png" onclick="bbcodeChat('spoiler');" alt="" title="Спойлер"> <img class="bbcodeImgChat" align="absmiddle" src="http://help-sites.do.am/bbcodes/chat/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://help-sites.do.am/bbcodes/chat/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("http://help-sites.do.am/js/chat/help-sites.do.am.chat.js", "uchat");
</script>


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

4. Вид материалов гостевой книги:
Код: Выделить всё
<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://help-sites.do.am/bbcodes/chat/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://help-sites.do.am/bbcodes/chat/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://help-sites.do.am/bbcodes/chat/noava.png'" style="border: 0px; max-height: 150px; max-width: 150px;"><?else?><img src="http://help-sites.do.am/bbcodes/chat/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. Идем в права групп, и убеждаемся, что все могут добавлять сообщения в чат.

Ждите новых, более проработанных версий.

P.S.
Но есть и минус в том что, когда Язык сайта ставишь на English, то выдает ошибку при отправке сообщения, но сообщение все равно отправляется.

Сама ошибка:

Изображение

Спойлер: Показать +
Код: Выделить всё
<font color="blue" class="successText">Your message has been added.</font>try{document.getElementById('message').value='';document.addform.code.value='';document.getElementById('secImg').src='http://script-test.ucoz.com/secure/?k=;m=addcom107212598;tm='+Math.floor(Math.random()*1e8);}catch(e){}<div id="entryID199"><div class="blockGbChat cBlock1">
<div style="float: left">
<span onclick="toUmane('DenDiCore');" class="gbchatnick"> DenDiCore</span>
</div>
<div style="text-align: right">
<span title="Today" class="gbct-nav" style="color: grey; font-size: 9px;">13:14</span>
<span title="Удалить" class="gbct-nav" onclick="delchatmsg('199',$(this).parents('.blockGbChat'));"><img src="http://help-sites.do.am/bbcodes/chat/error.png" align="absmiddle" border="0"></span>
<span title="DenDiCore" class="gbct-nav" onclick="userChatNav({num: '142'},this);"><img src="http://help-sites.do.am/bbcodes/chat/user_gray.png" align="absmiddle" border="0"></span>
</div>
<div class="hrchat"></div>
<span class="messageChatMess">test</span>
<div id="chb142" 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="http://2777031649.unet.com/avatar.gif" onerror="this.src='http://help-sites.do.am/bbcodes/chat/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('1', 0);">Профиль</div><div class="menu-chat-link prfl-pm" onmouseover="$(this).toggleClass('gvr-chgbl');" onmouseout="$(this).toggleClass('gvr-chgbl');" onclick="menuNavChat('1', 1);">Отправить ЛС</div> </div></div>
</div></div>


Буду рад если поможете разобраться из за чего ошибка :drinks:
Аватара пользователя
DenDiCore
Салага
Салага
 
Автор темы
Сообщения: 2
Зарегистрирован: 11 дек 2010, 00:15
Карма: + 1 -

Re: On-line чат из Гостевой Книги — для uCoz

Сообщение Apocalypse » 01 мар 2011, 12:40

DenDiCore, смена языка сайта происходит через скрипт или google translate?
Аватара пользователя
Apocalypse
Салага
Салага
 
Сообщения: 11
Зарегистрирован: 05 авг 2009, 14:19
Карма: + 4 -

Re: On-line чат из Гостевой Книги — для uCoz

Сообщение DenDiCore » 02 мар 2011, 20:52

Apocalypse писал(а):DenDiCore, смена языка сайта происходит через скрипт или google translate?


Через настройки в П.У. :)
А именно: Главная » Общие настройки

Оффтопик: Некоторые файлы и картинки в теме битые в ближайшее время исправлю.
Аватара пользователя
DenDiCore
Салага
Салага
 
Автор темы
Сообщения: 2
Зарегистрирован: 11 дек 2010, 00:15
Карма: + 1 -

Re: On-line чат из Гостевой Книги — для uCoz

Сообщение Hermes » 04 мар 2011, 20:01

On-line чат из Гостевой Книги — для uCoz

Можно ли сделать опцию Edit :?: (Собственные сообщения) :idea:

Спасибо заранее за ответ :)
Аватара пользователя
Hermes
Салага
Салага
 
Сообщения: 2
Возраст: 60
Зарегистрирован: 13 фев 2011, 15:57
Карма: + 2 -
Откуда: Сербии


Вернуться в Скрипты и интересные решения

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 7

cron