Мини-чат by smart4on
Моя работа для конкурса, делал его красивым и в тоже время функциональным.
О всех функциях вы можете узнав, перейдя на сайт автора.
Скажу что данный чат намного удобней стандартного.
Для установки:
В вид материалов мини-чата:
Code
<div style="white-space:normal"> <script type="text/javascript" src="/js/mchat.js"></script> <div class="Mchat" style="padding:0 40px 5px 2px;margin-bottom:3px;"> <table width="100%"><tbody><tr><td> <?if($USERNAME$)?><?if($USER_ID$='1'or $USER_ID$='23')?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatadmin.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?else?> <?if($USERNAME$)?><?if($USER_ID$='2'or $USER_ID$='72')?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatmoder.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?else?> <?if($USERNAME$)?><?if($USER_ID$='41'or $USER_ID$='69'or $USER_ID$='48')?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatnewmeeker.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?else?> <?if($USERNAME$)?><?if($USER_ID$='48')?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatpomochnik.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?else?> <?if($USERNAME$)?><?if($USER_ID$='39'or $USER_ID$='121'or $USER_ID$='100'or $USER_ID$='95'or $USER_ID$='138'or $USER_ID$='153')?><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatprovernee.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?else?> <a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="/minichat/grypa/chatpolzov.gif" width="15" border="0" style="vertical-align:-2px"/></a> <?endif?><?endif?><?endif?><?endif?><?endif?><?endif?><?endif?> <?endif?><?endif?><?endif?> <span style="cursor: pointer;" onclick="show_bar(event, $USER_ID$)"><b>$USERNAME$</b></span></font></td> <td align="right"><span style="font-size:8px">$TIME$</span></td></tr></tbody></table> <div align="center" style="display:none" id="hide2"></div> <table id="win_$USER_ID$" onclick="hide_bar(860)" style="background: #d5d5d5; position:absolute; visibility:hidden; filter:alpha(opacity=85); opacity: 0.85; width: 110px; border: 1px solid #5d5d5d;"> <tbody> <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$USERNAME$[/b], ';return false;"><font color="5d5d5d"><b>Ответить</b></font></a></td></tr> <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="/index/14-$USER_ID$-0-1" target="self"><font color="5d5d5d"><b>Отправить ЛС</b></font></a></td></tr> <tr><td onmouseover="this.bgColor='e0e0e0';" onmouseout="this.bgColor='#d5d5d5';" style="padding: 5px; border: 1px solid #5d5d5d;"><a href="/index/8-$USER_ID$" target="blank"><font color="5d5d5d"><b>Профиль</b></font></a></td></tr> <tr><td style="text-align: left;"><img onclick="hide_bar($USER_ID$)" src="/images/close.png" alt="Закрыть" border="0"></td></tr> </tbody></table> <div class="cMessage" style="text-align:left;"><?if($CUSTOM1$)?><font color="$CUSTOM1$">$MESSAGE$</font><?else?>$MESSAGE$<?endif?></div> <?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?> </div>
В Форма добавления сообщений:
Code
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$">Для добавления необходима авторизация</a><?else?>Доступ запрещен<?endif?></div><?else?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td>$FLD_AUTOUPD$</td> <td width="70%" align="right"> <a href="$RELOAD_URI$" title="Обновить"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a> <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a><?endif?> <?if($BBCODES_URI$)?> <a href="$BBCODES_URI$" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcb.gif" width="13" height="15"></a><?endif?> <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcm.gif" width="15" height="15"></a><?endif?> </td></tr></table> <?if(!$USER_LOGGED_IN$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td colspan="2">$FLD_NAME$</td></tr> <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr> </table> <?endif?> <?if($FLD_CUSTOM1$ || $FLD_CUSTOM2$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%"><select size="1" name="custom1"><option value="0" selected="selected" > Цвет вашего сообщения </option><option value="#0000FF" style='color:#0000FF'>Синий</option><option value="#9400D3" style='color:#9400D3'>фиолетовый</option><option value="#FF0000" style='color:#FF0000'>Красный</option><option value="#FFFF00" style='color:#FFFF00'>Желтый</option><option value="#CD6600" style='color:#CD6600'>Оранжевый</option><option value="#8B8B7A" style='color:#8B8B7A'>Серый</option><option value="#00FF00" style='color:#00FF00'>Зелёный</option></select></td><td>$FLD_CUSTOM2$</td></tr> </table> <?endif?> <?if($FLD_SECURE$)?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr> </table> <?endif?> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td> <td align="center" valign="top"><div style="font-size:10px;">$LENGTH_COUNTER$</div></td> </tr><tr><td align="center" valign="bottom">$SUBMIT$</td></tr></table> <?endif?>
И для того чтобы придать вид в глобальный блок вставляем В нужное место весь код:
Code
<!-- <block14> --> <table border="0" cellpadding="0" cellspacing="0" width="200"> <tbody><tr></tr> <tr><td colspan="3" style="letter-spacing: 0px; word-spacing: 0px; padding-left: 1px"><img src="/minichat/44/vverhy4.gif" border="220" width="220" height="50"></td></tr> <tr><td width="1" style="background:url('http://smart4all.ru/minichat/44/levo444.gif') bottom no-repeat;" valign="top"><img src="http://smart4all.ru/minichat/44/levo444.gif" border="0"></td><td style="background-attachment: scroll; background-color: #ffffff; border-top-color: #cdcdcd; border-top-width: 1px; border-top-style: solid; border-bottom-color: #cdcdcd; border-bottom-width: 1px; border-bottom-style: solid; letter-spacing: 0px; word-spacing: 0px; background-image: none; background-repeat: repeat; background-position: 0% 0%"><!-- <bc> --><iframe id="mchatIfm2" style="width:95%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="http://smart4all.ru/mchat/"></iframe><script type="text/javascript"> function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?228590368.342005'});} function countMessLength(){var rst = 200-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,200));}$('#jeuwu28').html(rst);} var tID7174=-1;var tAct7174=false; function setT7174(s){var v=parseInt(s.options[s.selectedIndex].value);document.cookie="mcrtd="+s.selectedIndex+"; path=/";if(tAct7174){clearInterval(tID7174);tAct7174=false;}if(v>0){tID7174=setInterval("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(res[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;"> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody><tr><td><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></td> <td width="70%" align="right" style="text-align: right; letter-spacing: 0px; word-spacing: 0px; padding-right: 20px"> <a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img alt="" border="0" align="absmiddle" src=" http://s40.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a> <a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-0-2'});return false;" title="Вставить смайл"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcs.gif" width="13" height="15"></a> <a href="javascript://" rel="nofollow" onclick="window.open('/index/17','cbbcodes','scrollbars=1,width=550,height=450,left=0,top=0');return false;" title="BB-Коды"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcb.gif" width="13" height="15"></a> <a href="javascript://" rel="nofollow" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0');return false;" title="Управление сообщениями"><img alt="" border="0" align="absmiddle" src="http://s40.ucoz.net/img/fr/mcm.gif" width="15" height="15"></a> </td></tr></tbody></table> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tbody><tr><td width="50%"><select size="1" name="custom1"><option value="0" selected="selected"> Цвет вашего сообщения </option><option value="#0000FF" style="color:#0000FF">Синий</option><option value="#9400D3" style="color:#9400D3">фиолетовый</option><option value="#FF0000" style="color:#FF0000">Красный</option><option value="#FFFF00" style="color:#FFFF00">Желтый</option><option value="#CD6600" style="color:#CD6600">Оранжевый</option><option value="#8B8B7A" style="color:#8B8B7A">Серый</option><option value="#00FF00" style="color:#00FF00">Зелёный</td><td></td></tr> </tbody></table> <table border="0" cellpadding="1" cellspacing="1" width="89%"> <tbody><tr><td width="95%" rowspan="2"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:45px;width:87%;resize:none;"></textarea></td> <td align="center" valign="top"><div style="font-size:8x;"><b id="jeuwu28">500</b></div></td> </tr><tr><td align="center" valign="bottom"><div style="width:28px"><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:28px;"><img alt="" style="display:none;" id="mchatAjax" src="http://s40.ucoz.net/img/fr/ajax3.gif" border="0" width="16"></div></td></tr></tbody></table> <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> <!-- </bc> --></td><td width="1" style="background:url('http://smart4all.ru/minichat/44/pravoy4.gif') bottom no-repeat;" valign="top"><img src="http://smart4all.ru/minichat/44/pravoy4.gif" border="0"></td></tr> </tbody></table><div style="height:5px;"><img src="http://smart4all.ru/minichat/44/nizy.gif" border="220" width="220" height="70"></div> <!-- </block14> -->
Все на этом все, пример работы можно посмотреть тут:
При копировании материала ссылка на источник материала обязательна!
Автор\Источник: smart4all.ru/
Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 2010
| Комментарии: 8
| Рейтинг: 3.0 /2 |
- Оценить -
Отлично
Хорошо
Неплохо
Плохо
Ужасно
|Категория: Скрипты блоки и шапки | Добавил: smart4on
| Дата: 07.04.2011 | Скачали: 0 | Теги: smart4on , Мини-чат
Похожие новости на нашем сайте