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

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

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

مُساهمة من طرف زائر في الثلاثاء سبتمبر 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;
}



زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف منصورة في الأربعاء سبتمبر 14, 2016 1:05 am


بـارك الله فيـك
وجـزاك الله خيــر الجــزاء
الـف الـف شـكـر علـى الكود المميز




التوقيع



منصورة
عضو محترف
عضو محترف

الجنس : انثى

نقاط التفاعل : 7 نقاط

الدلو

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

نقاط النشاط : 2443

السٌّمعَة : 12

بلد العضو :

العمر : 53


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الأربعاء سبتمبر 14, 2016 2:18 am


منورة الموضوع


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف Picasso في الأربعاء سبتمبر 14, 2016 2:36 am


كل الشكر لكـِى ولهذا الموضوع الجميل
الله يعطيكـِى العافيه يارب
خالص مودتى لكـِى




التوقيع


●▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬●
اشهد ان لآ اِلَهَ اِلا الله وأشهد ان محمدا رسول الله
●▬▬▬▬▬▬▬▬▬▬ஜ۩۞۩ஜ▬▬▬▬▬▬▬▬▬▬▬●



Picasso
مؤسس الابداع العربي

مؤسس الابداع العربي

الجنس : ذكر

الدلو

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

نقاط النشاط : 1206

السٌّمعَة : 117

العمر : 35




http://www.ibda3araby.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الأربعاء سبتمبر 14, 2016 4:29 am


منور ياباشا


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الأربعاء سبتمبر 14, 2016 6:14 am


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

تحياتــي


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف AmEr MaGroh في الأربعاء سبتمبر 14, 2016 11:04 pm


AmEr MaGroh
عضو نشيط
عضو نشيط

الجنس : ذكر

الدلو

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

نقاط النشاط : 407

السٌّمعَة : 9

بلد العضو :

العمر : 14


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف زائر في الخميس سبتمبر 15, 2016 11:49 am


منورين جميعا


زائر
زائر


الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

مُساهمة من طرف 1sLaM A7mEd في الثلاثاء نوفمبر 22, 2016 8:57 pm


1sLaM A7mEd
نائب الإدارة

نائب الإدارة

الجنس : ذكر

الاسد

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

نقاط النشاط : 11585

السٌّمعَة : 64

بلد العضو :

العمر : 19


http://www.anjezweb.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى