Нововведения:
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) Панель Управления - Пользователи -- Группы пользователей -- Установка прав для всех групп
Раздел "Мини-чат" - Поставьте галочки для всех пользователей в полях "Разрешить смайлы" и "Разрешить ВВ коды"
Всё, теперь осталось лишь нажать "Сохранить" и чат будет полностью функционален Спасибо мне за скрипт
При копировании данного скрипта, пожалуйста, указывайте источник: www.apocalypse.ucoz.kz
Ссылка на источник.