شاطر
اذهب الى الأسفل
avatar
مؤسسي المركز
مؤسسي المركز
القوس
عدد المساهمات : 330
متصفح الويب : Chrome
منتدى نسخة : PhpBB3
النقاط : 518
السٌّمعَة : 49
تاريخ التسجيل : 03/06/2015
العمر : 24
معاينة صفحة البيانات الشخصي للعضوhttp://www.t-mrkz.com/

default جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الإثنين يوليو 20, 2015 7:46 pm

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

جافا سكربت: أضافة علبة الدردشه على تولبر المنتدى

هل تريد ان يكون صندوق الدردشه المنبثقه السريع على شريط تولبر احلى منتدى في الجزء العلوي من المنتدى هذه الشرح سوف يشرح لكم طريقة عملهى واظهر لك كيفيه تطبيق هذه الميزة
Tutorial provided by Portuguese support forum


--> جافا سكربت <--

 إدراج علامة تبويب الدردشه في شريط الأدوات





 Javascript -1º

 أضف الكود الى : في كل الصفحات

الكود:
$(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,''); };
})});

2º - معاينة






[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]إذا كان لديك أي أسئلة حول هذا الموضوع إنشاء الموضوع مع العنوان المناسب
avatar
عضو جديد
الميزان
عدد المساهمات : 27
النقاط : 36
السٌّمعَة : 5
تاريخ التسجيل : 20/07/2015
العمر : 19
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الثلاثاء يوليو 21, 2015 1:33 am
شكرا لك حبيبى ,
عضو جديد
عدد المساهمات : 47
النقاط : 49
السٌّمعَة : 0
تاريخ التسجيل : 20/07/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الخميس يوليو 23, 2015 7:38 am
طرحت فأبدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
avatar
عضو جديد
الجدي
عدد المساهمات : 62
النقاط : 90
السٌّمعَة : 6
تاريخ التسجيل : 21/07/2015
العمر : 19
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الخميس يوليو 23, 2015 12:38 pm
شكرا لك يا عسل موفق
avatar
عضو جديد
عدد المساهمات : 16
النقاط : 19
السٌّمعَة : 1
تاريخ التسجيل : 28/06/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الثلاثاء يوليو 28, 2015 4:28 am
كود جميل ياسو
avatar
عضو جديد
عدد المساهمات : 9
النقاط : 9
السٌّمعَة : 0
تاريخ التسجيل : 07/09/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الأربعاء أكتوبر 14, 2015 1:02 pm
شكرا لك
كود مميز
عضو جديد
عدد المساهمات : 57
النقاط : 61
السٌّمعَة : 2
تاريخ التسجيل : 16/05/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الخميس أكتوبر 15, 2015 8:00 pm
مبدع كالعادة .. شكراً لك
avatar
عضو جديد
عدد المساهمات : 14
النقاط : 16
السٌّمعَة : 0
تاريخ التسجيل : 16/10/2015
معاينة صفحة البيانات الشخصي للعضو

default رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى

في الأحد أكتوبر 18, 2015 10:27 pm
كود رائع
شكرا لك على الابداع
ننتظر تمييزك و مجهوداتك بكل شوق
الرجوع الى أعلى الصفحة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى