Мини чат в правом нижнем углу


Компактный мини-чат для uCoz сайта в правом нижнем углу который плавно всплывает при клике по нему, а при повторном клике становится в исходное положение. Самая главная привилегия данного мини-чата помимо его красоты это то что он занимает очень мало место на вашем сайте.

Установка:

Удаляем свой чат. Код копируем в блок.
Code
<!-- Chat -->  
<div style="position:absolute;position:fixed;bottom:1;right:1;">  
<div id="chat" style="display: none;"><table border="0" cellpadding="0" cellspacing="0" width="300" style="border: 1px solid gray; background:url('http://magik.do.am/bg_cod.png');">  

<tr><td valign="middle" height="32" background="http://magik.do.am/bg_cod.png">  

<span style="padding-left:5px;padding-bottom:5px;" ><b> <center>добро пожаловать.</center> </b></span>  

</td></tr>  

<td style="background:url('http://magik.do.am/bg_cod.png'); text-align: center; border-top: 1px solid gray;">  
<iframe id="mchatIfm2" style="width:100%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe>  
<script type="text/javascript">  
function sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?150022878.975502'});}
function countMessLength(){var rst = 300-$('#mchatMsgF').val().length;if (rst<0){rst=0;$('#mchatMsgF').val($('#mchatMsgF').val().substr(0,300));}$('#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 style="border-top: 1px solid #7b7b7b;" border="0" cellpadding="1" cellspacing="1" width="100%">  
<td align="right">  
Автообновление:  
<select id="mchatRSel" onchange="setT7174(this);" class="mchat" width="35" size="1" title="Автообновление" style="background:#fff;font-size:7pt;"><option class="mchat" value="0">--</option><option value="15">15 сек</option><option value="30">30 сек</option><option value="45">45 сек</option><option value="60">1 мин</option></select>  
</td>  
</tr></table>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td width="95%" rowspan="2"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:100%;resize:none;"></textarea></td>  
<td align="center" valign="top"><div style="font-size:10px;"><b id="jeuwu28">300</b></div></td>  
</tr><tr><td align="center" valign="bottom"><div style="width:30px"><input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;"><img alt="" style="display:none;" id="mchatAjax" src="http://s26.ucoz.net/img/fr/ajax3.gif" border="0" width="16"/></div></td></tr></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>  

<table border="0" cellpadding="1" cellspacing="1" width="100%">  
<tr><td style="border-top: 1px solid #7b7b7b;" width="206">  

</td></tr></table>  

</td></tr></table></div>  
<div style="height: 22px; width: 298px; border: 1px solid gray; background:url('http://magik.do.am/bg_cod.png'); margin-top: 1px;">  
<div style="float:right; height: 18px; width: 48px; border-left: 1px solid gray;text-align: center; padding-top: 4px;">18:59</div>  
<div style="float: left; padding-top: 3px;"><a href="javascript://" rel="nofollow" onclick="document.getElementById('mchatIfm2').src='/mchat/?'+Math.random();return false;" title="Обновить"><img src="http://magik.do.am/23.png" alt="Обновить" border="0" width="16" height="16" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0,icon:'http://magik.do.am/36.png'},{url:'/index/35-0-2'});return false; "><img src="http://magik.do.am/36.png" height="16" width="16" border="0" alt="Смайлы" style="padding-left: 3px;"></a><a href="javascript://" rel="nofollow" onclick="new _uWnd('Cntrl','Управление сообщениями',580,500,{autosize:0,resize:0,icon:'http://magik.do.am/edt.png'},{url:'/mchat/0-1', xml: false});return false; "><img src="http://magik.do.am/edt.png" height="16" width="16" border="0" alt="Управление мини-чатом" style="padding-left: 3px;"></a></div>  
<div style="margin-top: 4px; text-align:center;"><a href="javascript://" onclick="$('#chat').slideToggle(2000)"><FONT color="#e6e6fa"><B>НАШ-ЧАТ</B></FONT></a></div>  
</div></div>  
<!-- End Chat -->


Готово.


  Категория: Мини-чат | Добавил: AID | Дата: 25.09.2011

Другие новости


Поделиться ссылкой


Ссылка:
BB-code:
HTML:
1 | TRANE52 пишет: | 05.01.2013 | 13:37 Страница с комментарием |
Под белый шаблон полная хуйня
+ (0) -