Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
[include] - Быстрое Удаление сообщения из чата.
DEMO +
Всем привет представляем вам первый include js код который позволит вам удалять быстро сообщения из чата на странице самого чата.

Требования:
1. Знания интеграции Js в свой код чата.

Установка:
1. Мини-чат > Вид материалов > Обвернуть MESSAGE в класс:
Код
<div class="mchat-text">$MESSAGE$</div>

2. Мини-чат > Вид материалов > Обвернуть USERNAME в класc:
Код
<a class="mchat-author">$USERNAME$</b></a>

3. Добавить div перед class="mchat-author":
Код
<div class="mchat-off">x</div>


4. Добавить интеграцию js логику для удаления:
Код
$(function() {  
$('.mchat-off').live({'click': function() {
  var self = $(this).parent();
  self.fadeOut();
  var author = self.find('.mchat-author').html();
  var message = self.find('.mchat-text').html();
  mchat.remove(author, message);
}
  });
mchat = {
remove: function(author, text) {
  $.ajax({
  type: 'get',
  url: '/mchat/0-1',
  success: function(html) {
  $('.myBdBottom', html).each(function(i, obj) {
  var thisMsg = $(obj).find('b + div').html();
  var thisAuthor = $(obj).find('b > a').html();

  if (thisMsg == text && thisAuthor == author) {
  var id = $(this).attr('id').replace('entryID', '');

  u.getSid(function(sid){
  $.ajax({
  type: 'post',
  url: '/mchat/',
  data: 'uname='+thisAuthor+'&message='+thisMsg+'&pending=1&a=6&p='+id+'&s='+sid+'&_tp_=xml'
  });
  });
  }
  });
  }
  });
  }  
};
u = {
  sid: undefined,

  getSid: function(callback, force) {
  if (u.sid == undefined || force == true) {
  $.ajax({
  type: 'get',
  url: '/index/9-1',
  dataType: 'text',
  success: function(html) {
  var sid = html.match(/64-1-3-0-(.*?)\'/i);
  if (sid != null) {
  u.sid = sid[1];

  if (typeof callback == 'function') {
  callback(u.sid);
  }
  }
  }
  });
  } else {
  if (typeof callback == 'function') {
  callback(u.sid);
  }
  }
  }
}
u.getSid();  
});


var self = $(this).parent(); - Родитель DIV для удаления сообщения.

5. Стилизовать кнопку mchat-off ....

P.s оставьте свои отзывы какой хотите чат и с какими функциями.
Данный раздел авторский все работы являются собственностью BS (mybeststudio.ru) любое коммерческое использование строго запрещено.

При копировании материала указываем источник MyBeststudio.ru.

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 30.01.2018 в 19:41 по МСК
Категория: Мини чат
Просмотров: 116
Комментариев: 0
Эмоций:
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]