شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الثلاثاء سبتمبر 13, 2016 11:51 pm
كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

السلام عليكم ورحمة الله وبركاته

كود جافا يقوم بعمل اشعارات من قام بالدخول للدردشة وايضا يبين عدد المنضمين للدردشة بالعارضة بشكل جميل

صورة للكود



الكود منقول هع

الان طريقة التركيب

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>


تفعيل نظام إدارة أكواد Javascript :نعم


انشاء كود جديد


العنوان * :حسب ما تريد
أضف الكود الى :جميع الصفحات

الكود:

(function() {
  if (!window.FA) window.FA = {};
  if (FA.Chat) {
    if (window.console) console.warn('FA.Chat has already been initialized');
    return;
  }

  FA.Chat = {

    // chatbox settings
    config : {
      height : '60%',
      width : '70%',
     
      live_notif : true,
      sound_notif : {
        enabled : true,
        file : 'http://illiweb.com/fa/fdf/zelda.mono.mp3'
      },
      notifRate : 10000
    },

    // language settings
    lang : {
      chatbox : 'Chatbox',
      new_msg : 'Nuevo mensaje en la <a href="javascript:FA.Chat.toggle();">Chatbox</a>.'
    },

    // technical data below
    node : {}, // node cache
    users : 0, // users in chat
    messages : 'initial', // total chat messages
    actif : false, // tells us if the chatbox is opened
    notifActif : false, // tells us if the notifications are active

    // initial setup of the chatbox
    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"></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); // add the chat button to the right side of the toolbar
        document.body.appendChild(container);
       
        // create the notification audio element
        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;
    },

    // get the frame window, document, and elements
    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); // listen for changes every 0.3 seconds
      }
    },
   
    // listen for changes in the chatbox
    listen : function() {
      var users = FA.Chat.node.members.getElementsByTagName('LI').length,
          messages = FA.Chat.window.chatbox.messages.length;
     
      // update user count
      if (users > FA.Chat.users || users < FA.Chat.users) {
        FA.Chat.users = users;
        FA.Chat.node.chatters.innerHTML = '(' + FA.Chat.users + ')';
      }
     
      // initial / active updates
      if ((FA.Chat.messages == 'initial' && messages) || FA.Chat.notifActif || FA.Chat.actif) FA.Chat.messages = messages;
     
      // notify new messages while connected and the chatbox is closed
      if (!FA.Chat.actif && !FA.Chat.notifActif && FA.Chat.window.chatbox.connected && (messages > FA.Chat.messages || messages < FA.Chat.messages)) {
        FA.Chat.messages = messages; // update message count
        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(); // play sound notification
       
        // wait before notifying the user again
        window.setTimeout(function() {
          FA.Chat.notifActif = false;
        }, FA.Chat.config.notifRate);
      }
    },
   
    // create a custom notification
    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 the display state of the chatbox
    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';
         
        // auto focus the message field
        window.setTimeout(function() {
          FA.Chat.node.message.focus();
        }, 350); // some browsers ( firefox ) need a delay
      } else {
        FA.Chat.node.button.className = '';
        FA.Chat.actif = false;
         
        container.visibility = 'hidden';
        container.bottom = '-' + FA.Chat.config.height;
      }
    }

  };

  $(function(){
    // initialize the chat when the document is ready and the user is logged in
    if (_userdata.session_logged_in) $(FA.Chat.init);
  });
})();


ثم اذهب الى مظهر المنتدى - صور والوان - الوان - ورقة css
واضف الكود

الكود:

#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;
}

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

avatar
بصمة خالدة
الجنس : انثى

الدلو

عدد المساهمات : 10046

نقاط النشاط : 12248

السٌّمعَة : 24

بلد العضو :

العمر : 54

معاينة صفحة البيانات الشخصي للعضوhttp://www.manssora.com/
تمت المشاركة في الأربعاء سبتمبر 14, 2016 1:05 am
بـارك الله فيـك
وجـزاك الله خيــر الجــزاء
الـف الـف شـكـر علـى الكود المميز
التوقــيـــــــــــــــــــــع

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 2:18 am
منورة الموضوع

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

avatar
مؤسس الابداع العربي
الجنس : ذكر

الدلو

عدد المساهمات : 1163

نقاط النشاط : 1405

السٌّمعَة : 130

العمر : 36



معاينة صفحة البيانات الشخصي للعضوhttp://ibda3.montadarabi.com
تمت المشاركة في الأربعاء سبتمبر 14, 2016 2:36 am
كل الشكر لكـِى ولهذا الموضوع الجميل
الله يعطيكـِى العافيه يارب
خالص مودتى لكـِى

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 4:29 am
منور ياباشا

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 6:14 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:04 pm
شكرااا

كود رائع

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

زائر
زائر
تمت المشاركة في الخميس سبتمبر 15, 2016 11:49 am
منورين جميعا

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 9913

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في الثلاثاء نوفمبر 22, 2016 8:57 pm
طرح مميز شكرا لك
التوقــيـــــــــــــــــــــع

رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة

avatar
بصمة خالدة
الجنس : انثى

السمك

عدد المساهمات : 125419

نقاط النشاط : 140976

السٌّمعَة : 2955

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:42 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads