Скриншот материала «Скрипт Мини-чат by Apoc@lyp$e v3.0 для uCoz»
|
Нововведения:
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>
<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> <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>
<img alt="Администратор"
src="http://apocalypse.ucoz.kz/usergroup/admin.png"
border="0">
<div
class="cMessage"><font
color="e9e9e9">$MESSAGE$</font><font
color="bababa">$MESSAGE$</font></div>
</div></div>
Следующий код вставляем туда, где хотим видеть Мини-чат:
Code
<!-- <www.apocalypse.ucoz.kz> -->
<center><iframe
id="mchatIfm2" style="width:100%;height:600px" frameborder="0"
scrolling="auto" hspace="0" vspace="0" allowtransparency="true"
src="/mchat/"></iframe><center><iframe
id="mchatIfm2" style="width:100%;height:600px" frameborder="0"
scrolling="no" hspace="0" vspace="0" allowtransparency="true"
src="/mchat/"></iframe>
<br><br>
<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>
<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"
/>
<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><a href="$LOGIN_LINK$">Для отправки
сообщений<br>войдите на сайт<br>под своим
логином</a>
<!-- <www.apocalypse.ucoz.kz> -->
Для того, чтобы данный Мини-чат мог использовать все перечисленные
возможности, Вам необходимо выполнить дополнительные операции:
1) Панель Управления - Пользователи -- Группы пользователей -- Установка прав для всех групп
Раздел "Пользователи" - Поставьте галочки для всех пользователей напростив поля "Использовать ББ-коды [URL] и [IMG]"
2) Панель Управления - Пользователи -- Группы пользователей -- Установка прав для всех групп
Раздел "Мини-чат" - Поставьте галочки для всех пользователей в полях "Разрешить смайлы" и "Разрешить ВВ коды"
Всё, теперь осталось лишь нажать "Сохранить" и чат будет полностью функционален Спасибо мне за скрипт
При копировании данного скрипта, пожалуйста, указывайте источник: www.apocalypse.ucoz.kz