Всего: 9109 
Новых за месяц: 655 
04:51 On-line чат как на x-ucoz.ru | |
 Есть такой стандартный модуль «Мини-чат», но его функциональность оставляет желать лучшего. Данный скрипт чата сделан из модуля Гостевая книга. Сделанны некоторые полезные функции, которые делают его очень удобным. Мы сделали мини-чат более управляемым, тоесть: Реализованы опции, которые каждый пользователь может легко и быстро настроить: — Авто открытие списка смайлов (onfocus textarea). Простые пользователи не могут удалять свои сообщения (не предусмотрено системой uCoz). Возможно, в следующих версиях скрипта это будет. Пример чата на нашем сайте X-uCoz.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="" onclick="bbcodeChat('b');" alt="" title="Жирный"> <img class="bbcodeImgChat" align="absmiddle" src="" onclick="bbcodeChat('i');" alt="" title="Курсив"> <img class="bbcodeImgChat" align="absmiddle" src="" onclick="bbcodeChat('u');" alt="" title="Подчеркнутый"> <img class="bbcodeImgChat" align="absmiddle" src="" onclick="bbcodeChat('code');" alt="" title="Вставить код"> <img class="bbcodeImgChat" align="absmiddle" src="" onclick="bbcodeChat('spoiler');" alt="" title="Спойлер"> <img class="bbcodeImgChat" align="absmiddle" src="" onclick="bbcodeChat('quote');" alt="" title="Вставить цитату"></div><textarea id="txtchatGB" onfocus="ifchatautosmiles();" onkeypress="ctrlpost(event, );"></textarea> <div class="postbuttons-chat"><div class="pstt-chat"><img src="" style="border: 0;padding:3px 0px 0px 2px; display: none" alt="" align="absmiddle" id="statimg-chat"></div><input type="button" value="Отправить" onclick="();" 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('$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="" 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="" 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=''" style="border: 0px; max-height: 150px; max-width: 150px;"><img src="" 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> 5. Идем в настройки модуля гостевая книга и там настраиваем Количество выводимых сообщений на странице и другие необходимые опции. 6. Идем в права групп, и убеждаемся, что все могут добавлять сообщения в чат. На этом все.  [ Чтобы скачать файл зарегистрируйтесь, или войдите под своим логином ] | |
|
| |
| Всего комментариев: 4 | |||||||||||||||||||||||||
| |||||||||||||||||||||||||
