Главная :: Регистрация :: Вход :: RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » Модуль Мини чата » Красивый мини чат (Красивый мини чат)
Красивый мини чат
penokyДата: Четверг, 29.01.2015, 16:56 | Сообщение # 1
Генерал-майор
Группа: Администраторы
Сообщений: 279
Репутация: 0
Статус: Offline
Красивый мини чат



Привет всем. … В прошлый раз я выкладывал скрипт всплывающего мини чата на ucoz конструктор.

Но по каким-то мне непонятным причинам, мини чат стал логать и утратил
свою прямую обязанность, приносить пользователям пользу.

Проанализиров скрипт, я въехал в суть проблемы и исправил все багги.

Всю проблему я выкладывать не буду, но скажу что скрипт мини чата не мой, а проблема заключалась в первоисточнике.

Все исходники залил. Так-то все должно работать превосходно.

Лично на маем сайте все нормально.

Можете попробовать черкнуть пару мудрых мыслей, в маем мини чате.

В нижнею часть сайта, после футера ставим:


Код
<style>   
  .chat_box {display:none;position:fixed;bottom:15px;right:15px;border:1px solid  
#dddddd;background:#fbfbfb;padding:4px;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:2px
  2px 3px #9b9b9b;-webkit-box-shadow:2px 2px 3px #9b9b9b;box-shadow:2px  
2px 3px #9b9b9b;}   
  .chat_box div.close {display:block;position:absolute;right:0;top:0;background:url('http://ucozmafia.ru/polzv/c9/46619a1a2028.png')
   
no-repeat;width:16px;height:16px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}   
  .chat_box div.close:hover  
{cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}   

  div.chat_button  
{display:block;width:75px;height:75px;background:url('http://ucozmafia.ru/polzv/c9/be5db128dc47.png')
   
no-repeat;position:fixed;bottom:15px;right:15px;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);}   
  div.chat_button:hover  
{cursor:pointer;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);}   
  </style><script src="http://ucozmafia.ru/polzv/skr2015/higer.js" type="text/javascript"></script>   
  <div class="chat_button" onclick="$('.chat_button').fadeOut('fast');$('.chat_box').slideToggle('slow');"></div>   
  <div class="chat_box"><div class="close"  
onclick="$('.chat_box').slideToggle('fast');$('.chat_button').fadeIn('slow');"></div>   
  <div id="chatBox">$CHAT_BOX$<script type="text/javascript">   
   $('#mchatMsgF').keyup(function(){   
   var url = ["http://", "https://", "www", ".ru", ".su", ".com", ".net", "Мат"];   
   var field = $(this).val();   
   for (i=0; i<url.length; i++){   
   if(field.toLowerCase().indexOf(url[i],'ig')!=-1)   
   if(field.search(document.location.host)==-1) {   
   _uWnd.alert('Ссылки и маты в чате запрещены!','',{w:180,h:38,tm:3000});   
   $(this).val(field.replace(url[i],''));   
   }   
   }   
   });   
   </script></div>   
  <script type="text/javascript">   
  function reloadTimeC() {   
  $('#chatBox').load('/ #chatBox',function(data){   
  $('#reloadSec').html('<span style="color:green;padding-top:4px;">Обновлено</span>');   
  setTimeout("$('#reloadSec').html('')",1000);   
  });   
  };   
  setInterval(reloadTimeC,30000);   
  </script>   
  </div>

В вид материала мини чата заменяем все на этот код


Код
<?if($NUMBER$=1)?><style>body {background: #ffffff !important;}   
  a.ipbavatar {   
  width: 40px;   
  height: 40px;   
  }a.ipbavatar {   
  display: block;   
  float: left;   
  position: relative;   
  top: 0px;   
  left: 0px;   
  bottom: 0px;   
  right: 0px;   
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;   
  border-radius: 3px;   
  -moz-border-radius: 3px;   
  -webkit-border-radius: 3px;   
  }   
  .linnov {   
  overflow: hidden;   
  border-bottom: 1px dotted #D7D9DB;   
  }   
  a.ipbavatar img {   
  width: 40px;   
  height: 40px;   
  border-radius: 3px;   
  -moz-border-radius: 3px;   
  -webkit-border-radius: 3px;float: left;   
  width: 40px;   
  height: 40px;   
  }   

  #body{}   
   ::-webkit-scrollbar   
   {   
   width: 5px;   
   height: 9px;   
  }   
   ::-webkit-scrollbar-track-piece   
   {   
   background-color: #ffffff;   
   -webkit-border-radius: 5px;   
   }   
   ::-webkit-scrollbar-thumb:vertical   
   {   
   height: 9px;   
   background-color: #666;   
   -webkit-border-radius: 5px;   
   }   
   ::-webkit-scrollbar-thumb:horizontal   
   {   
   width: 5px;   
   background-color: #666;   
   -webkit-border-radius: 5px;   
  }   
  </style>   
  <?endif?>   

  <div id="iChat-messages" align="left" style="padding-top:2px;">   
  <div style="word-wrap:break-word;">   
  <div style="background:#ffffff;padding:1px;border:1px solid #cfcece;border-radius:2px;">   

  <table border="0" cellpadding="0" cellspacing="0">   

  <tbody>   
  <tr>   

  <td width="38" style="padding: 2px;">   
  <a class="ipbavatar" style="text-decoration:none" title="Профиль"  
href="javascript://" rel="nofollow" onclick="return  
show_profile('$USER_ID$');">   
  <?if($AVATAR_URL$)?>   
  <img alt="$USERNAME$" src="$AVATAR_URL$" style="float: left;width: 40px;height:40px;">   
  <?else?>   
  <img alt="$USERNAME$" src="http://ucozmafia.ru/polzv/imgc/noavatar.png" style="float: left;width: 40px;height:40px;">   
  <?endif?>   
  </a>   
  </td>   
  <td style="font-size:7pt; color:#666; padding-left:4px;">   
  <b>   
  <a style="text-decoration:none" href="javascript:void('Apply to')"  
onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$,
  ';return false;">   
  <?if($USER_ID$=1)?><span style="color:#008000"><?else?><span  
style="color:#248BFF"><?endif?>$USERNAME$</span></a></b>
  написал<br>   
  <span style="font-size:7pt">$DATE$ в $TIME$</span>   
  <br>   
  <span style="color:#cccccc; font-size:7pt;">   
  <a style="text-decoration:none" href="/index/14-$USER_ID$-0-1"  
target="_blank" title="Написать ЛС"><span  
style="color:#527D24">Написать письмо</a>   
  </span>   
  </td>   
  </tr>   
  </tbody>   
  </table>   
  <div class="linnov">   
  </div>   
  <div style="padding:3px; text-align:left;">   
  $MESSAGE$   
  </div>   
  </div></div>   
  </div>

В форму добавления сообщения мини чата заменяем


Код
<?if(!$CAN_ADD$)?><div align="center"><?if($LOGIN_LINK$)?>   
  <a href="$LOGIN_LINK$">   
  <div style="background:#F3F3F3;padding:5px 0 5px 0;border:1px solid  
#eaeaea;color:#444;border-radius:4px;margin:10px 0 0  
0;font-size:7pt;">   
  Для добавления необходима авторизация<br/></div></a>   
  <?else?>Доступ запрещен<?endif?></div><?else?>   
  <table border="0" cellpadding="1" cellspacing="1" width="100%">   
  <tr>   
  <td width="70%" align="left">   
  <a href="$RELOAD_URI$" title="Обновить">   
  <img alt="" border="0" align="absmiddle" src="http://ucozmafia.ru/polzv/imgc/arrow.png"></a>   
  <?if($SMILES_URI$)?> <a href="$SMILES_URI$" title="Вставить смайл">   
  <img alt="" border="0" align="absmiddle" src="http://ucozmafia.ru/polzv/imgc/smiley.png"></a>   
  <?endif?>   
  <?if($MSGCTRL_URI$)?> <a href="$MSGCTRL_URI$" title="Управление сообщениями">   
  <img alt="" border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/edit_bg.png" width="15"  
height="15"></a>   
  <?endif?>   
  <br>   
  <a href="javascript:void('Apply to')" onclick="bbCode('b');return false;">   
  <img border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/bold.png" height="16" width="16"  
title="Полужирный" /></a>   
  <a href="javascript:void('Apply to')" onclick="bbCode('i');return false;">   
  <img border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/italic.png" height="16" width="16"  
title="Курсив" /></a>   
  <a href="javascript:void('Apply to')" onclick="bbCode('u');return false;">   
  <img border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/underline.png" height="16"  
width="16" title="Подчёркнутый" /></a>   
  <a href="javascript://" onclick="url_mchat();return false;">   
  <img border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/link.png" height="16" width="16"  
title="Ссылка" /></a>   
  <a href="javascript:void('Apply to')" onclick="bbCode('quote');return false;">   
  <img border="0" align="absmiddle"  
src="http://ucozmafia.ru/polzv/imgc/quotes.png" height="16" width="16"  
title="Цитата" /></a>   
  <td>$FLD_AUTOUPD$<br><div align="right"><b  
id="jeuwu28">$MAX_MESSAGE_LEN$</b></div></td>   
  <?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%">$FLD_CUSTOM1$</td><td>$FLD_CUSTOM2$</td></tr>   
  </table>   
  <?endif?>   
  <?if($FLD_SECURE$)?>   
  <table class="micha" border="0" cellpadding="1" cellspacing="1">   
  <tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>   
  </table>   
  <?endif?>   
  <script type="text/javascript">   
  function  
sbtFrmMC991(f){$('#mchatBtn').css({display:'none'});$('#mchatAjax').css({display:''});_uPostForm('MCaddFrm',{type:'POST',url:'/mchat/?29399178.7043772'});}   
  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>   

  <table class="micha" border="0" cellpadding="1" cellspacing="1" width="100%">   
  <tr><td width="40%" rowspan="2" style="max-width: 88px">$FLD_MESSAGE$</td></tr>   
  <script type="text/javascript" src="http://ili.pp.ua/js_css/bbcodes.js"></script>   
  <Style>   
  #mchatBtn {   
  font-size: 8pt;   
  background: url('http://ucozmafia.ru/polzv/imgc/podrobno.png');   
  background-position: 0px 0px;   
  color: #505252;   
  border: 0px solid white;   
  border-radius: 3px;   
  height: 25px;   
  width: 85px;   
  padding: 0 5px 3px 5px;   
  cursor: pointer;   
  }   
  #mchatBtn:hover {background-position:-85px 0px;color:#505252;border:0px solid #FE8C12;}   
  #mchatBtn:active {background-position:-170px 0px;color:#505252;border:0px solid #FE8C12;}   
  </style>   
  </table>   
  <table>   
  <tr>   
  <td align="left" wigth="88px">   
  <input type="submit" value="Отправить" class="mchat" id="mchatBtn">   
  <script src="http://ucozmafia.ru/polzv/skr2015/higer.js" type="text/javascript"></script>   
  <div style="display:none; width:88px; height:32px;  
background:url('http://ucozmafia.ru/polzv/imgc//loading.gif') no-repeat  
30% 50%; position:relative;" id="mchatAjax"><div  
style="position:absolute; top:8px;  
left:40px;">Ждите...</div></div>   

  </td>   

  </tr>   
  </table> <?endif?>








 
Форум » Вопросы по дизайну, управлению и настройки модулей СMS от uCoz! » СКРИПТЫ » Модуль Мини чата » Красивый мини чат (Красивый мини чат)
  • Страница 1 из 1
  • 1
Поиск: