Мини-чат
Вы не можете добавлять сообщения в чат Зарегистрируйтесь или Войдите под своим логином!
Витрина ссылок
/
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[Кто нас сегодня посетил]
Опрос сайта
Какой модуль нашего сайта вам больше всего нравится?
Партнеры сайта
Топ пользователей
  • Ник: SPlesh
    Группа: VIP...
    Сообщений: 30
  • Ник: z1k
    Группа: VIP...
    Сообщений: 7
  • Ник: EXCLUSIV
    Группа: VIP...
    Сообщений: 0
  • Ник: Mestny
    Группа: Прове...
    Сообщений: 301
  • Ник: DanonE
    Группа: Польз...
    Сообщений: 0
  • Ник: AragorN
    Группа: VIP...
    Сообщений: 1
  • Ник: Uzik
    Группа: VIP...
    Сообщений: 95
  • Ник: DuGGes
    Группа: Польз...
    Сообщений: 806
  • Ник: TheTonna
    Группа: Забло...
    Сообщений: 502
  • Ник: Maveerick
    Группа: VIP...
    Сообщений: 377
  • Ник: Mestny
    Группа: Прове...
    Сообщений: 301
  • Ник: Dndz
    Группа: Прове...
    Сообщений: 179
  • Ник: Сергей
    Группа: Прове...
    Сообщений: 176
  • Ник: Mashinque
    Группа: Прове...
    Сообщений: 142

Онлайн чат для ucoz как ВКонтакте

Наконец-то сделали чат для uCoz, как вконтакте. Теперь вы можете установить его к себе на сайт и похвастаться перед своими друзьями. Сам чат в удобном ajax окне, полная копия чата с vk. Пользуемся на здоровье!

1. Создаем глобальный блок и называем его: COMANDS , и вставляем в него этот код:

Code
<script type="text/javascript">  
  $('#message').keyup(function(){  
  var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата.  
  if(feild == '!смайлы'){ //  
  new _uWnd('smiles','Все смайлы', 200, 450, {autosize:0,closeonesc:1,resize:0},{url:'/index/35-17-0'});  
  };  
  });  
  </script>  

  <script type="text/javascript">  
  $('#message').keyup(function(){  
  var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата.  
  if(feild == '!bb-коды'){ //  
  new _uWnd('bbcodes','BB-коды', 550, 700, {autosize:0,closeonesc:1,resize:0},'<div id="bbcodes"><iframe src="http://gdz-all.ucoz.com/index/17" frameborder="0" width="520px" height="650px"></iframe></div>');  
  };  
  });  
  </script>  

  <script type="text/javascript">  
  $('#message').keyup(function(){  
  var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата.  
  if (feild == '!очистка'){ // !help - запрос в поле чата.  
  _uWnd.alert($('#chat_clean').html(),'Очистить мини-чат',{w: 250,h: 99,tm: 30000,});  
  $('#message').val('');  
  }  
  });  
  </script>  
  <div style="display: none;" id="chat_clean">  
  <div class="mince">  
  <a href="javascript://" onclick="new _uWnd('del_chat','Очистка Мини-чата', 350, 130, {alert:1,autosize:0,modal:1,resize:0,nomove:1,max:0,fadespeed:500,align:0,oncontent:function(){del0()}},'<center><div class=\'del_c\'><div class=\'del_dels\'>Удалено: 0</div><div class=\'del_num\'>Всего сообщений: <span id=\'num\'></span></div><center><div class=\'del_chat\'></div><div class=\'del_time\'></div></center></div><div id=\'del_ok\'>Очистка успешно завершена</div><div id=\'del_error\'>Мини-чат пуст!</div><div id=\'del_enter\'><input type=\'button\' onclick=\'del1()\' value=\'Начать очистку\' /></div></center>');">Очистка Мини-чата</a>  
  <style type="text/css">  
  .delete_chat {height:15px;float:left;} /* выравнивание заполнения прогресс-бара */  
  .delete_chats {padding:1px;background:#c0c0c0;height:13px;} /* стиль полоски прогресс-бара (главное цвет) */  
  #del_enter, #del_ok, #del_error, .del_c {margin:10px auto !important;overflow:none;} /* отступы для кнопки и сообщение об успехе/ошибке */  
  #del_ok, #del_error {font-size:15px;} /* размер текста для сообщений об успехе/ошибке */  
  #del_ok, #del_error, .del_c {text-align:center;display:none;} /* выравниание текста сообщений об успехе/ошибке */  
  .del_num {text-align:left;margin-left:14px;} /* стиль общего количества сообщений в чате */  
  .del_dels {text-align:right;float:right;margin-right:13px;} /* стиль количества удаленных сообщений */  
  </style>  
  <script type="text/javascript" src="http://trane73.ru/demo/js/trane73.del.js"></script> </div>  

  <script type="text/javascript">  
  $('#message').keyup(function(){  
  var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата.  
  if (feild == '!голос'){ // !help - запрос в поле чата.  
  _uWnd.alert($('#golos').html(),'Голосовой ввод',{w: 250,h: 99,tm: 30000000,});  
  $('#message').val('');  
  }  
  });  
  </script>  
  <div style="display: none;" id="golos">  
  Скопируйте этот текст в поле ввода сообщения:<br>  
  <input x-webkit-speech="" speech="" name="q" maxlength="30" size="20" class="queryField"> </div>  
   
  <script type="text/javascript">  
  $('#message').keyup(function(){  
  var feild = $('#message').val(); // #mchatMsgF - ID textarea, поля мини чата.  
  if(feild == '!настройки'){ //  
  new _uWnd('nastroyki','Настройки', 330, 500, {autosize:0,closeonesc:1,resize:0},'<div id="nastroyki"><iframe src="/mchat/0-1" frameborder="0" width="300px" height="450px"></iframe></div>');  
  };  
  });  
  </script>


2. Вставляем в вид материалов мини-чата:

Code
<div class="MesChat"><div class="MesChat2" style="margin-right: 0px;">  
  <div class="block lbottom_rtop" style="background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;">  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tbody><tr>  
  <td class="chat_bor_r" align="center" valign="top" width="35px">  
  <img ilo-full-src="http://joomla.ucoz.com/%3C!--%IFTH1%0%--%3E$AVATAR_URL$%3C!--%IFEN1%0%--%3E%3C!--%IFEL2%0%--%3E/designs/noAvatar.png%3C!--%IFEN2%0%--%3E" src="%3C%21--%IFTH1%0%--%3E$AVATAR_URL$%3C%21--%IFEN1%0%--%3E%3C%21--%IFEL2%0%--%3E/designs/noAvatar.png%3C%21--%IFEN2%0%--%3E" style="max-width: 35px;" border="0">  
  </td>  
  <td valign="top"><div class="chat_title"><span style="float: right; color: rgb(170, 170, 170);" title="$WDAY$">$TIME$</span><b class="users_name">$NAME$</b></div><div class="block_padd">$MESSAGE$</div></td>  
  </tr></tbody></table>  
  </div><div style="padding: 2px;"></div>  
  </div></div>


3. Вставляем код между и

Code
<script type="text/javascript">  
  function openchat(){new _uWnd('chat','Мини-чат',300,100,{header:1,max:1,resize:1,min:1,align:0,shadow:0,close:1,autosize:1,maxh:500,minh:100,resize:0}, $("#chat").html() )}  
  </script>  
  <div style="display: none;" id="chat">  
  <div id="chatik" class="chat_cont"></div>  
  <script type="text/javascript">  
  var ava_Custum = '/images/noAvatar.png';  
  function show_profile(uid){window.open('/index/8-'+uid);return false;}  
  function get_chat(){ $.get('/mchat/', function (data) { $('#chatik').text(''); $('.MesChat:lt(15)', data).each(function () { $('#chatik').append($(this).html()); }); }); };  
  setInterval(function(){ get_chat() },10000); get_chat();  
  </script>  
   
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tbody><tr>  
  <td width="100%">  
   
  <br><textarea class="ltop" name="message" id="message" style="width: 100%; height: 41px;"></textarea>$GLOBAL_COMANDS$</td>  
   
  </tr></tbody></table>  
  <script type="text/javascript" src="/dchat/js/chat_v2_by_doc.js"></script>  
  </div>  
  </div>


5. Кнопка открытия чата:

Code
<a href="javascript://" onclick="openchat();">Открыть мини-чат</a>


6. Вставьте перед :

Code
<link type="text/css" rel="StyleSheet" href="/dchat/css/style-dchat.css">


7. Вставьте после :

Code
<style type="text/css">  
  @import url('/dchat/css/ajax.css') all;  
  </style>  
  <script type="text/javascript">  
  _uWnd.designs.std.onstartdrag=function(){};  
  </script>


В файловом менеджере создайте папку dchat и залейте туда файлы из архива.
Категория: Скрипты для ucoz
Дата: 19.04.2012
Просмотров: 3999 Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]