Dayana MIX
Вы хотите отреагировать на этот пост ? Создайте аккаунт всего в несколько кликов или войдите на форум.
Dayana MIX

Знакомства, общение, полезные сервисы.

Код нашего баннера



Последние темы
» Лирические стихи.
Чат на панели инструментов EmptyВт 29 Мар - 7:21 автор Nataliya

» Шаман......
Чат на панели инструментов EmptyВт 29 Мар - 7:19 автор Nataliya

» [Салаты] Пять ошибок при приготовлении оливье
Чат на панели инструментов EmptyСр 26 Янв - 13:20 автор Scheila

»  Наша Беседка.. :)
Чат на панели инструментов EmptyСб 18 Дек - 13:17 автор Феникс

» Супы из рыбы и морепродуктов
Чат на панели инструментов EmptyВт 14 Дек - 22:26 автор Scheila

» Другие закуски
Чат на панели инструментов EmptyВт 14 Дек - 22:25 автор Scheila

» Теперь мы есть в Telegram
Чат на панели инструментов EmptyЧт 26 Авг - 7:59 автор Феникс

» мои клипы.
Чат на панели инструментов EmptyСр 4 Авг - 20:55 автор Nataliya

» МОМЕНТЫ ЖИЗНИ
Чат на панели инструментов EmptyСр 4 Авг - 20:44 автор Nataliya

Самые просматриваемые темы
Наша Беседка.. :)
Лирические стихи.
Загадки с ответами
Анекдоты и смешные истории
Записки Домового.
Салаты рыбные и из морепродуктов
Давление на «отлично»
Супы из рыбы и морепродуктов
Сонник Миллера
Музыка для души

Самые активные темы
Сонник Миллера
Салаты рыбные и из морепродуктов
Давление на «отлично»
Наша Беседка.. :)
Загадки с ответами
Анекдоты и смешные истории
Лирические стихи.
Записки Домового.
Рецепты бутербродов
Супы из рыбы и морепродуктов

Любимые темы
Загрузка избранного...


 :: Советы, хитрости, техподдержка... :: Технический раздел :: Учебники

Предыдущая тема Следующая тема Перейти вниз

  • 1

Чат на панели инструментов

Сообщение автор  Пн 18 Янв - 20:43


Чат на панели инструментов Pub
Чат в панели инструментов форума

 На всех страницах:

Код:
$(function(){$(function(){
var config = {
width : '700px',
height : '350px',
mod_icon : 'default',
msgnotif : true,
timestamp : true,
connection_logs : true
  },
fa_chat = cre('IFRAME'), fa_button = cre('A'), fa_members = cre('SPAN'), fa_style = cre('STYLE'), fa_right = getId('fa_right'), frame,
css = '#fa_chat_button{line-height:30px;padding:0 5px;color:#FFF;cursor:pointer;} .fa_actif{background:#FFF !important;color:#000 !important;} .fa_new{background:#FF8 !important;color:#000 !important;} #fa_chat{background:#FFF;width:'+config.width+';height:'+config.height+';border:1px solid #000;border-top:none;position:absolute;top:30px;right:39px;}';

if (!fa_right || !_userdata.session_logged_in) return;
  
// set stylesheet
fa_style.type = 'text/css';
if (fa_style.styleSheet) fa_style.styleSheet.cssText = css;
else fa_style.appendChild(document.createTextNode(css));
document.getElementsByTagName('HEAD')[0].appendChild(fa_style);
  
// members attributes
fa_members.id = 'fa_members';
fa_members.innerHTML = '(0)';
  
// fa_button attributes
fa_button.innerHTML = 'Chat ';
fa_button.id = 'fa_chat_button';
fa_button.className = 'rightHeaderLink';
fa_button.appendChild(fa_members);
fa_right.insertBefore(fa_button,fa_right.lastChild);
  
// fa_chat attributes
fa_chat.id = 'fa_chat';
fa_chat.src = '/chatbox';
fa_chat.style.display = 'none';
fa_right.insertBefore(fa_chat,fa_right.lastChild);
  
fa_chat.onload = function() {
if (fa_chat.contentDocument) frame = fa_chat.contentDocument;
else if (fa_chat.contentWindow) frame = fa_chat.contentWindow.document;
var memb_thn = getLength('chatbox_members','LI'), memb_now = memb_thn,
msg_thn = getLength('chatbox','P'), msg_now = msg_thn;
    
// set some data..
fa_members.innerHTML = '('+memb_thn+')';
  
// kill the interval if archives are enabled
var a = frame.getElementsByTagName('A');
for (i=0; i<a.length; i++) if (/archives/.test(a[i].href)) a[i].onclick = function() { window.clearInterval(fa_chat_refresh) };
    
// execute code in an interval
fa_chat_refresh = window.setInterval(function() {
// START chat members
memb_now = getLength('chatbox_members','LI'), msg_now = getLength('chatbox','P');
if (memb_now > memb_thn || memb_now < memb_thn) {
memb_thn = memb_now;
fa_members.innerHTML = '('+memb_now+')'
      }
// END chat members
      
// START chat notification
if (config.msgnotif) {
if (msg_now > msg_thn || msg_now < msg_thn) {
if (!/fa_new/.test(fa_button.className) && chatState(/none/) && !/none/.test(frame.getElementById('chatbox_option_autorefresh').style.display)) fa_button.className += ' fa_new';
msg_thn = msg_now;
        }
      }
// END chat notification
      
// START timestamp
if (!config.timestamp) {
var date = frame.getElementsByTagName('SPAN'),i;
for (i=0; i<date.length; i++) if (/date-and-time/.test(date[i].className) && date[i].style.display != 'none') date[i].style.display = 'none';
      }
// END timestamp
      
// START connection logs
if (!config.connection_logs) {
var logs = frame.getElementsByTagName('SPAN'),i;
for (i=0; i<logs.length; i++) if (/red/i.test(logs[i].style.color) || /green/i.test(logs[i].style.color)) if (!/none/.test(logs[i].parentNode.parentNode.style.display)) logs[i].parentNode.parentNode.style.display = 'none';
      }
// END connection logs
      
// START mod icon
if (config.mod_icon.toLowerCase() != 'default') {
var s = frame.getElementsByTagName('STRONG'),i;
for (i=0; i<s.length; i++) if (/@/.test(s[i].innerHTML) && s[i].innerHTML.length === 1 && !/msg/.test(s[i].parentNode.parentNode.className)) s[i].innerHTML = config.mod_icon;
      }
// END mod icon
    },1);
  };

// toggle chat display
fa_button.onclick = function() {
if (/welcome/.test(fa_right.className)) removeClass(fa_right, /welcome/);
if (/notification/.test(fa_right.className)) removeClass(fa_right, /notification/);
if (chatState(/none/)) {
fa_chat.style.display = 'block';
fa_button.className += ' fa_actif';
if (/fa_new/.test(fa_button.className)) removeClass(fa_button, /fa_new/);
frame.getElementById('chatbox').scrollTop = 99999;
} else hideChat();
  };
  
// hide chat when toolbar options clicked
getId('fa_welcome').onclick = function() { hideChat() };
getId('fa_notifications').onclick = function() { hideChat() };
getId('fa_hide').onclick = function() { hideChat() };
  
// chatbox functions
function hideChat() { if (chatState(/block/)) fa_chat.style.display = 'none'; removeClass(fa_button, /fa_actif/) };
function chatState(reg) { return reg.test(fa_chat.style.display) };
function getLength(id, tag) { return frame.getElementById(id).getElementsByTagName(tag).length };
  
// basic functions
function getId(id) { return document.getElementById(id) };
function cre(el) { return document.createElement(el) };
function removeClass(el, reg) { el.className = el.className.replace(reg,''); };
})});


Результат:


Чат на панели инструментов 0909041001453139761






© Форум DayanaMIX

Чат на панели инструментов Questi11Если у вас возникли вопросы, связанные с чатом в этом разделе создайте новую тему со следующим названием:
Чат на панели инструментов
Код:
#fa_chat_container {
  background:#FFF;
  border:1px solid #556682;
  border-radius:3px;
  position:fixed;
  right:3px;
  z-index:999;
  overflow:hidden;
  min-width:500px;
  min-height:250px;
  transition:300ms;
}
 
#fa_chat {
  border:none;
  width:100%;
  height:100%;
}
 
#fa_chat_button {
  color:#FFF;
  line-height:30px;
  margin-left:10px;
  padding:0 5px;
  cursor:pointer;
}
 
#fa_chat_button.fa_chat_active {
  color:#333;
  background:#FFF;
}


Последний раз редактировалось: Феникс (Вс 11 Сен - 20:47), всего редактировалось 2 раз(а)
Феникс
Феникс
Администратор


Мужчина Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь

Вернуться к началу Перейти вниз

Чат на панели инструментов Sdsd1110
  • 2

Настройки окна чата.

Сообщение автор  Вт 19 Янв - 18:21

PunBB:
Код:
/*-- Chatbox Цвета PunBB --*/

/* при необходимости удаления фона графика */
#chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/* Цвет фона Chatbox */
#chatbox_members, #chatbox {
  background-color: FARBE;
}

/* Цвет фона нижнего колонтитула */
#chatbox_footer {
  background-color: FARBE;
}

/* Цвет текста в заголовке Chatbox */
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE;
}

/* Цвет фона заголовка Chatbox */
#chatbox_header.main-head {
  background-color: FARBE;
}

/* Цвет текста ссылки в верхней части Chatbox */
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/* Цвет текста пользователей в онлайн список  */
#chatbox_members ul li a {
  color: FARBE;
}

/* Цвет фона и цвет текста списка модераторов "Онлайн" и "Оффлайн"  списке */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Цвет фона и цвет текста чата записи A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Цвет фона и цвет текста чата записи B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben PunBB --*/


phpBB3:
Код:
/*-- Chatbox Farben BB3 --*/

/* при необходимости удаления фона графика */
body.chatbox, .forabg, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/* Цвет фона Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Цвет фона нижнего колонтитула */
#chatbox_footer {
  background-color: FARBE;
}

/*Цвет текста в заголовке Chatbox*/
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE !important;
}

/*Цвет фона заголовка Chatbox*/
#chatbox_header {
  background-color: FARBE;
}

/*Цвет текста ссылки в верхней части Chatbox*/
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/* Цвет текста пользователей в онлайн список */
#chatbox_members ul li a {
  color: FARBE;
}

/* Цвет фона и цвет текста списка модераторов "Онлайн" и "Оффлайн"  списке */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Цвет фона и цвет текста записей Чата A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Цвет фона и цвет текста записей Чата B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB3 --*/



phpBB2:
Код:
/*-- Chatbox Farben BB2 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, .chatbox .catBottom, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer .catBottom {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
#chatbox_header .cattitle {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header .catBottom {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
#chatbox_main_options a, #chatbox_main_options label {
  color: FARBE !important;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Цвет фона и цвет текста записей Чата A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Цвет фона и цвет текста записей Чата B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB2 --*/


Invision:
Код:
/*-- Chatbox Farben BB3 --*/

/* ggf. Hintergrundgrafiken entfernen */
body.chatbox, #chatbox_members, #chatbox, #chatbox_footer {
  background-image: none;
}

/*Hintergrundfarbe der Chatbox*/
body.chatbox {
  background-color: FARBE;
}

/* Hintergrundfarbe der Fußzeile */
#chatbox_footer {
  background-color: FARBE;
}

/*Textfarbe im Titel der Chatbox*/
.chatbox-title, .chatbox-title a.chat-title {
  color: FARBE !important;
}

/*Hintergrundfarbe des Titels der Chatbox*/
#chatbox_header {
  background-color: FARBE;
}

/*Textfarbe der Links im oberen Teil der Chatbox*/
.chatbox-options li, .chatbox-options li a, .chatbox-options li label {
  color: FARBE;
}

/*Textfarbe in der Onlineliste (die Userliste auf der linken Seite)*/
#chatbox_members ul li a {
  color: FARBE;
}

/* Hintergrundfarbe und Textfarbe der Listenköpfe "Online" und "Offline" */
#chatbox_members .member-title {
  background-color: FARBE;
  color: FARBE;
}

/* Цвет фона и цвет текста записей Чата A */
.chatbox_row_1 {
  background-color: FARBE;
  color: FARBE;
}
/* Цвет фона и цвет текста записей Чата B */
.chatbox_row_2 {
  background-color: FARBE;
  color: FARBE;
}

/*-- Chatbox Farben BB3 --*/

В кодах FARBE замените на желаемый цвет.
Феникс
Феникс
Администратор


Мужчина Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь

Вернуться к началу Перейти вниз

Чат на панели инструментов Sdsd1110
  • 3

Автоподключение в чате

Сообщение автор  Чт 10 Мар - 10:10

Проверено на движках bb2, bb3, Invision.

Код:
//Автоподключение
$(window).load(function() {
  var chatbox_script = function() {
 setTimeout(function(){ $('#chatbox_option_co:visible').click() }, 1000);
  };
  var
 
s=document.createElement('script');s.text="("+chatbox_script.toString()+")();";$('object[data^="/chatbox/index.forum"],iframe[src^="/chatbox/index.forum"]').each(function(){try{$(this.contentDocument||this.contentWindow.document).find("#chatbox").closest("html").find("head").first().each(function(){this.appendChild(s.cloneNode(true))})}catch(a){}})
});


Последний раз редактировалось: Феникс (Вт 6 Сен - 19:12), всего редактировалось 1 раз(а)
Феникс
Феникс
Администратор


Мужчина Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь

Вернуться к началу Перейти вниз

Чат на панели инструментов Sdsd1110
  • 4

Re: Чат на панели инструментов

Сообщение автор  Пт 1 Апр - 20:58

Код:
(function() {
  if (!window.FA) window.FA = {};
  if (FA.Chat) {
    if (window.console) console.warn('ФА.Чат был уже инициализирован');
    return;
  }
 
FA.Chat = {
 
    // настройки чата
config : {
height : '60%',
width : '70%',
   
live_notif : true,
sound_notif : {
enabled : true,
file : 'http://illiweb.com/fa/fdf/zelda.mono.mp3'
      },
notifRate : 10000
    },
 
    // языковые настройки
lang : {
chatbox : 'Чат',
new_msg : 'Новое сообщение было опубликовано в <a href="javascript:FA.Chat.toggle();"> Чате</a>.'
    },
 
    // технические данные ниже
node : {}, //узел кэша
users : 0, // пользователей в чате
messages : 'initial', // общий чат сообщения
actif : false, //рассказывает нам, если окно чата открыто
notifActif : false, // рассказывает нам, если уведомления активны
 
    // начальная настройка чата
init : function() {
      var right = document.getElementById('fa_right'),
container = document.createElement('DIV'),
button = document.createElement('A'),
audio;
 
button.id = 'fa_chat_button';
button.innerHTML = FA.Chat.lang.chatbox + ' <span id="fa_chatters">(0)</span>';
button.onclick = FA.Chat.toggle;
FA.Chat.node.button = button;
 
container.id = 'fa_chat_container';
container.innerHTML = '<iframe id="fa_chat" src="/chatbox/index.forum"></iframe>';
container.style.width = FA.Chat.config.width;
container.style.height = FA.Chat.config.height;
container.style.bottom = '-' + FA.Chat.config.height;
container.style.visibility = 'hidden';
 
      if (right) {
right.insertBefore(button, right.lastChild); // добавить  чат  в панели инструментов
document.body.appendChild(container);
     
        // создать оповещение звуковой элемент
        if (FA.Chat.config.sound_notif.enabled) {
audio = document.createElement('AUDIO');
audio.src = FA.Chat.config.sound_notif.file;
          if (audio.canPlayType) {
FA.Chat.node.audio = audio;
document.body.appendChild(audio);
          }
        }
 
FA.Chat.node.container = document.getElementById('fa_chat_container');
FA.Chat.node.chatters = document.getElementById('fa_chatters');
FA.Chat.node.frame = document.getElementById('fa_chat');
FA.Chat.node.frame.onload = FA.Chat.getFrame;
      }
   
      delete FA.Chat.init;
    },
 
    //получить раму окна, документа и элементов
getFrame : function() {
      if (FA.Chat.poll) window.clearInterval(FA.Chat.poll);
      if (this.contentDocument || this.contentWindow) {
FA.Chat.window = this.contentWindow;
FA.Chat.document = this.contentDocument ? this.contentDocument : FA.Chat.window.document;
     
FA.Chat.node.message = FA.Chat.document.getElementById('message');
FA.Chat.node.members = FA.Chat.document.getElementById('chatbox_members');
     
FA.Chat.poll = window.setInterval(FA.Chat.listen, 300); // прослушивать меняется каждые 0.3 секунды
      }
    },
 
    //слушайте для изменения в окне чата
listen : function() {
      var users = FA.Chat.node.members.getElementsByTagName('LI').length,
messages = FA.Chat.window.chatbox.messages.length;
   
      // обновление пользователя граф
      if (users > FA.Chat.users || users < FA.Chat.users) {
FA.Chat.users = users;
FA.Chat.node.chatters.innerHTML = '(' + FA.Chat.users + ')';
      }
   
      // начальная / активного обновления
      if ((FA.Chat.messages == 'initial' && messages) || FA.Chat.notifActif || FA.Chat.actif) FA.Chat.messages = messages;
   
      // уведомление новых сообщений при подключении и окно чата закрывается
      if (!FA.Chat.actif && !FA.Chat.notifActif && FA.Chat.window.chatbox.connected && (messages > FA.Chat.messages || messages < FA.Chat.messages)) {
FA.Chat.messages = messages; // обновление счетчика Сообщений
FA.Chat.notifActif = true;
     
        if (FA.Chat.config.live_notif) FA.Chat.notify(FA.Chat.lang.new_msg); // show live notification
        if (FA.Chat.config.sound_notif.enabled && FA.Chat.node.audio) FA.Chat.node.audio.play(); //проигрывать звук уведомления
     
        // ждать до уведомления Пользователя снова
window.setTimeout(function() {
FA.Chat.notifActif = false;
        }, FA.Chat.config.notifRate);
      }
    },
 
    // создание пользовательских уведомлений
notify : function(msg) {
   
      var notif = document.createElement('DIV'),
live = document.getElementById(Toolbar.LIVE_NOTIF);
       
notif.className = 'fa_notification';
notif.innerHTML = '<div class="content ellipsis">' + msg + '</div>';
notif.style.display = 'none';
   
$(notif).mouseover(function() { $(this).stop(true, true) });
$(notif).mouseleave(function() { $(this).delay(5000).fadeOut() });
   
live.insertBefore(notif, live.firstChild);
$(notif.firstChild).dotdotdot();
   
$(notif).fadeIn(100, function() { $(this).delay(10000).fadeOut() });
    },
 
    // включение и выключение отображения состояния чата
toggle : function() {
      var container = FA.Chat.node.container.style;
     
      if (/hidden/i.test(container.visibility)) {
FA.Chat.node.button.className = 'fa_chat_active';
FA.Chat.actif = true;
       
container.visibility = 'visible';
container.bottom = '3px';
       
        //автоматический фокус в поле сообщения
window.setTimeout(function() {
FA.Chat.node.message.focus();
        }, 350); // некоторые браузеры ( Firefox ) вам нужна отсрочка
      } else {
FA.Chat.node.button.className = '';
FA.Chat.actif = false;
       
container.visibility = 'hidden';
container.bottom = '-' + FA.Chat.config.height;
      }
    }
 
  };
 
$(function(){
    //инициализировать чат когда документ будет готов, и Пользователь регистрируется в
    if (_userdata.session_logged_in) $(FA.Chat.init);
  });
})();
Феникс
Феникс
Администратор


Мужчина Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь

Вернуться к началу Перейти вниз

Чат на панели инструментов Sdsd1110
  • 5

Re: Чат на панели инструментов

Сообщение автор  Пт 23 Дек - 16:49

Переименовать чат (bb3)
Код:
#chatbox_header .cattitle:before {
 content: "VOTRE TITRE";
}
#chatbox_header .cattitle strong {
 visibility: hidden;
}
Феникс
Феникс
Администратор


Мужчина Посты : 1598
Очки : 6379
Возраст : 52
Откуда : Россошь

Вернуться к началу Перейти вниз

Чат на панели инструментов Sdsd1110

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

Dayana MIX :: Советы, хитрости, техподдержка... :: Технический раздел :: Учебники

Коды ссылок на тему для вставки:
URL:
BBCode:
HTML:
 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения