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

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

Пароль:
Вход
Регистрация
Логин:

Пароль:

Email:
Регистрация
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики

Перезагрузите страницу
Опции темы
Я настройка

Страница 1 из 11
Форум » HTML » Разное » Скрипт Мини-чат
Скрипт Мини-чат
Изменено: ByArt - Четверг, 04.02.2010, 16:06

Группа: Житель
Статус: Offline
Сообщений: 460
Карма: 345
Нововведения:

1) Возле ника Администратора иконка администратора
2) Цвет шрифта Администратора отличается от всех остальных
3) При щелчке по нику выходит меню пользователя
4) Добавлен хинт
5) Форма добавления сообщений центрирована и переработана
6) Исправлен баг, из-за которого смайлы не выводились в определённых видах браузеров
7) Произвольная длинна поля с сообщениями
8) Выведены основные смайлы
9) Все ссылки при наведении плавно меняют цвет
10) Смайлы скрыты в спойлере
11) Полоса прокрутки в окне сообщений видна лишь в браузере Mozilla Firefox
12) Переработаны опции пользователя (При клике по нику)
13) Добавлен значок цитировать (Цитируемый ник будет отображаться жёлтым цветом)
14) Переработан спойлер, скрывающий смайлы (Теперь работает на любых сайтах)
15) Исправлены баги и недочёты, присутствовавшие в прошлых версиях чата

Установка:

Управление дизайном сайта -- Мини-чат -- Вид материалов

Заменяем там всё на:

Code
<div style="width:100%">
<link type="text/css" rel="StyleSheet" href="http://apocalypse.ucoz.kz/bigbar/hintblack.css" />
<script type="text/javascript" src="http://apocalypse.ucoz.kz/bigbar/hintblack.js"></script>
<SCRIPT TYPE="text/javascript" SRC="http://apocalypse.ucoz.kz/JSFX.js"></SCRIPT>

<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>

<script type="text/javascript" src="http://apocalypse.ucoz.kz/udleinf.js"></script>
<?if($NAME$)?><a title="Цитировать $NAME$" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=yellow]$NAME$[/color], ';return false;"><img src="http://s36.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a> <?endif?> <span title="Опции" style='cursor: pointer;' onclick='show_bar(event, $USER_ID$)'><b><font color="797979">$NAME$</font></b></span>
<table id="win_$USER_ID$" onclick='hide_bar($USER_ID$)' style='background: #6497ca; position:absolute; visibility:hidden; filter:alpha(opacity=85); opacity: 0.85; width: 110px; border: 0px solid #ffffff;'>
<tbody>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[color=yellow]$NAME$[/color], ';return false;"><font color="000000"><b>Цитировать</b></font></a></td></tr>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/14-$USER_ID$-0-1" target="self" ><font color="000000"><b>Отправить ЛС</b></font></a></td></tr>
<tr><td onmouseover="this.bgColor='#fdd08b';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/8-$USER_ID$" target="blank" ><font color="000000"><b>Профиль</b></font></a></td></tr>
<tr><td style="text-align: left;"><img onclick="hide_bar($USER_ID$)" src="http://apocalypse.ucoz.kz/close.gif" title="Закрыть" border="0"></td></tr>
</table>

<?if($USER_ID$=1)?><img alt="Администратор" src="http://apocalypse.ucoz.kz/usergroup/admin.png" border="0"><?endif?>
<div class="cMessage"><?if($USER_ID$='1')?><font color="e9e9e9">$MESSAGE$</font><?else?><font color="bababa">$MESSAGE$</font><?endif?></div>
</div></div>

Следующий код вставляем туда, где хотим видеть Мини-чат:

Code
<!-- <www.apocalypse.ucoz.kz> -->
<?if($USER_AGENT$='firefox')?><center><iframe id="mchatIfm2" style="width:100%;height:600px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe><?else?><center><iframe id="mchatIfm2" style="width:100%;height:600px" frameborder="0" scrolling="no" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe><?endif?>
<br><br>
<?if($USER_LOGGED_IN$)?><script type="text/javascript">
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?383447454.810291'});}
function countMessLength(){var rst = 500-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,500));}$('#jeuwu28').html(rst);}
var tID7174=null;var tAct7174=false;
function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearTimeout(tID7174);tAct7174=false;}if(v>0){tID7174=setTimeout("document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();",v*1000);tAct7174=true;}}
function initSel7174() {var res=document.cookie.match(/(\W|^)mcrtd=([0-9]+)/);if(res){s=$("#mchatRSel")[0];s.selectedIndex=parseInt(RegExp.$2);setT7174(s);}$("#mchatMsgF").bind("keydown",function(e){if(e.keyCode==13 && e.ctrlKey && !e.shiftKey){e.preventDefault();sbtFrmMC991();}})}
</script>
<form style="margin:0;padding:0;" id="MCaddFrm" onsubmit="sbtFrmMC991();return false;">

<select id="mchatRSel" onchange="setT7174(this);" class="mchat" size="1" title="Автообновление" style="font-size:7pt;"><option value="0">--</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="60">1 мин</option><option value="120">2 мин</option></select>
<br>
<br>
<a href="javascript://" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a>
<a href="javascript://" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-23-2'});return false;" title="Вставить смайл"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a>
<a href="javascript://" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcb.gif" width="13" height="15"></a>
<a href="javascript://" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;" title="Управление сообщениями"><img border="0" align="absmiddle" src="http://s15.ucoz.net/img/fr/mcm.gif" width="15" height="15"></a>
<br>
<div style="width:100%"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:100%;"></textarea></div>

<input type="button" value="Показать Смайлы" style="width:70%;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = '';this.innerText = ''; this.value = 'Скрыть Смайлы'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerText = ''; this.value = 'Показать Смайлы'; }"><br> </div><br> <div style="display: none;">
<center>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ab.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ab.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bs.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bs.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_be.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_be.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ai.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ai.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ac.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ac.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_af.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_af.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bl.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bl.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ae.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ae.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ag.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ag.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bj.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bj.gif" border="0"></a>
<br>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bw.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bw.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_cb.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_cb.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_am.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_am.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bb.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bb.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bz.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bz.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_br.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_br.gif" border="0"></a>
<br>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ay.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ay.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bi.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bi.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ao.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ao.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_bg.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_bg.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_by.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_by.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_ca.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_ca.gif" border="0"></a>
<br>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[img]http://apocalypse.ucoz.kz/sml/qippda_az.gif[/IMG] ';return false;"><img src="http://apocalypse.ucoz.kz/sml/qippda_az.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':friends: ';return false;"><img src="http://s15.ucoz.net/sm/23/friends.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':bye: ';return false;"><img src="http://s15.ucoz.net/sm/23/bye.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':loony: ';return false;"><img src="http://s15.ucoz.net/sm/23/loony.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':devil: ';return false;"><img src="http://s15.ucoz.net/sm/23/devil.gif" border="0"></a>
<br>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':moil: ';return false;"><img src="http://s15.ucoz.net/sm/23/moil.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':fie: ';return false;"><img src="http://s15.ucoz.net/sm/23/fie.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':huh: ';return false;"><img src="http://s15.ucoz.net/sm/23/huh.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':king: ';return false;"><img src="http://s15.ucoz.net/sm/23/king.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':ninja: ';return false;"><img src="http://s15.ucoz.net/sm/23/ninja.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':smile2: ';return false;"><img src="http://s15.ucoz.net/sm/23/smile2.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':umnik: ';return false;"><img src="http://s15.ucoz.net/sm/23/umnik.gif" border="0"></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=':victory: ';return false;"><img src="http://s15.ucoz.net/sm/23/victory.gif" border="0"></a>

</center> </div>

<?if($GROUP_ID$=1)?><br>
<img style="margin:0;padding:0;border:0;cursor:pointer;" align="absmiddle" title="Обновить код безопасности" id="mcSecurImg3" onclick="this.src='/secure/?k=2704082894;s=mchat;tm='+Math.random();" src="/secure/?k=2704082894;s=mchat;tm=1252085992" /><br>
<input class="mchat" title="Код безопасности" id="secuCodeMc3" type="text" name="code" style="width:40" size="5" maxlength="4" /><input type="hidden" name="seckey" value="2704082894" /><?endif?>
<div style="font-size:10px;"><b id="jeuwu28">500</b></div>
<br>
<div style="width:30px"><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;"><img style="display:none;" id="mchatAjax" src="http://s15.ucoz.net/img/fr/ajax3.gif" border="0" width="16"/></div>
<br>
<br>
<input type="hidden" name="numa" id="numa832" value="0"><input type="hidden" name="a" value="18"><input type="hidden" id="ajaxFlag" name="ajax" value="1" /></form>
<script type="text/javascript">initSel7174();
</script>
</center><?else?><a href="$LOGIN_LINK$">Для отправки сообщений<br>войдите на сайт<br>под своим логином</a><?endif?>
<!-- <www.apocalypse.ucoz.kz> -->

Для того, чтобы данный Мини-чат мог использовать все перечисленные возможности, Вам необходимо выполнить дополнительные операции:

1) Панель Управления - Пользователи -- Группы пользователей -- Установка прав для всех групп

Раздел "Пользователи" - Поставьте галочки для всех пользователей напростив поля "Использовать ББ-коды [URL] и [IMG]"

2) Панель Управления - Пользователи -- Группы пользователей -- Установка прав для всех групп

Раздел "Мини-чат" - Поставьте галочки для всех пользователей в полях "Разрешить смайлы" и "Разрешить ВВ коды"



Группа: Юзер
Статус: Offline
Сообщений: 112
Карма: 34
Меня размер BB кода пугает :)

Группа: Житель
Статус: Offline
Сообщений: 569
Карма: 1285
Крутая штука! Лови +


Группа: Юзер
Статус: Offline
Сообщений: 6
а почему такой большой мини чат

AD

Группа: Житель
Статус: Offline
Сообщений: 217
Карма: 227
Фигня

я лох

Группа: Юзер
Статус: Offline
Сообщений: 3
чё с кодом то делать таким огромным?

Группа: Житель
Статус: Offline
Сообщений: 583
Карма: 841
Автор кто, случайно не Apocalypse?

Нужен уникальный дизайн? Обращайтесь...
Antibiotik
8
22.11.2010    12:24

Группа: Юзер
Статус: Offline
Сообщений: 3
Angry, Да это он его скрипт

Группа: Юзер
Статус: Offline
Сообщений: 57
Карма: 33
Хороший скрипт, ByArt, +

DJ-[Atom]
10
23.11.2010    07:43

Группа: Житель
Статус: Offline
Сообщений: 640
Карма: 647
Отличная работа. Вот только поменьше сделай мини чат. А то сильно большой. Но у себя на сайте я его оставлю.

JonnyKedz
11
23.11.2010    08:14

Группа: Житель
Статус: Offline
Сообщений: 823
Карма: 721
Тема перенесена

Группа: Житель
Статус: Offline
Сообщений: 583
Карма: 841
ЧёрныйStalker, Автор Apocalypse, к нему все пожелания)

Нужен уникальный дизайн? Обращайтесь...

Группа: Юзер
Статус: Offline
Сообщений: 7
Карма: -10
держи плюс!!!! скрипт супер!!!!!!!!!!!!
Форум » HTML » Разное » Скрипт Мини-чат
Страница 1 из 11
Поиск: