08:43
Скачать бесплатно Чат v2 by doc в ajax
Я сверстал вторую версию мини-чата!
В этой версии убрана кнопка ОК(добавление производится нажатием Ctrl+Enter), красивый вид окна мини-чата,
Добавлены функции смайлов, BB-кодов, и ещё, а чтобы получить к ним доступ нужно ввести 1 из команд(с соблюдением регистра):
!настройки - появляется окно с возможностью редактирования и удаления каждого сообщения.
!смайлы - открывается окно со списком всех смайлов.
!BB-коды - название говорит само за себя .
!очистка - быстрая очистка мини-чата от всех сообщений.
!голос - появляется окно с возможностью голосового ввода.



Ну с приступим к установке:
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:#ffffff;">  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
  <tr>  
  <td width="35px" class="chat_bor_r" align="center" valign="top">  
  <img src="$AVATAR_URL$/designs/noAvatar.png" style="max-width:35px;" border="0" />  
  </td>  
  <td valign="top"><div class="chat_title"><span style="float:right; color:#aaa" title="$WDAY$">$TIME$</span><b class="users_name">$NAME$</b></div><div class="block_padd">$MESSAGE$</div></td>  
  </tr></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%" >  
  <tr>  
  <td width="100%" >  
   
  <br><textarea class="ltop" name="message" id="message" style="width: 100%; height:41px;" ></textarea>$GLOBAL_COMANDS$</td>  
  </div>  
  </tr></table>  
  <script type="text/javascript" src="/dchat/js/chat_v2_by_doc.js"></script>  
  </div>  
  </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 | Просмотров: 593 | Добавил: BLAzER | Теги: by, чат, ajax, v2, doc | Рейтинг: 0.0/0
Автор:
Источник:
HTML ссылка:
BB ссылка:
Прямая ссылка:
Всего комментариев: 1
1 artem250275  
1
Вставить между и, это где wacko

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]