منتدى الابداع العربي

للإبداع لمسات ! ... ولمسـات الإبــداع إختصاصـنا !
 
الرئيسيةالرئيسية  المنشوراتالمنشورات  البوابةالبوابة  التسجيلالتسجيل  دخولدخول  


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

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 12:51 am

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

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

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

صورة للكود

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

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

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

لوحة الاداره>>عناصر إضافية>>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;
}

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

منصورة

انثى
الدلو
عدد المساهمات : 13970
نقاط النشاط : 16963
السٌّمعَة : 51
بلد العضو : كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Algeri10
العمر : 58

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 2:05 am

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


كل القلوب إلى الحبيب تميل
ومعي بهذا شاهد ودليل
اما الدليل إذا ذكرت محمداً
صارت دموع العارفين تسيل
هذا رسول الله نبراس الهدى
هذا لكل العالمين نبيا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.manssora.com/
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 3:18 am

منورة الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
A.L.A.A
مؤسس الإبداع العربي 

A.L.A.A

ذكر
الدلو
عدد المساهمات : 1443
نقاط النشاط : 1715
السٌّمعَة : 144
العمر : 40
كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Uo_oo11

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 3:36 am

كل الشكر لكـِى ولهذا الموضوع الجميل
الله يعطيكـِى العافيه يارب
خالص مودتى لكـِى
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.ibda3araby.com
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 5:29 am

منور ياباشا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأربعاء سبتمبر 14, 2016 7:14 am

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

تحياتــي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالخميس سبتمبر 15, 2016 12:04 am

شكرااا

كود رائع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
avatar


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالخميس سبتمبر 15, 2016 12:49 pm

منورين جميعا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
1sLaM A7mEd
سوبر الإبداع 

1sLaM A7mEd

ذكر
الاسد
عدد المساهمات : 9940
نقاط النشاط : 11686
السٌّمعَة : 65
بلد العضو : كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Egypt10
العمر : 23

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالثلاثاء نوفمبر 22, 2016 9:57 pm

طرح مميز شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.anjezweb.com/
JoryAbdallah
سوبر الإبداع 

JoryAbdallah

انثى
السمك
عدد المساهمات : 126400
نقاط النشاط : 142117
السٌّمعَة : 3006
بلد العضو : كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Saudi-10
العمر : 35

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالأحد يناير 29, 2017 12:42 am

#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك


كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Img_2010
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://taqnyiat.ahlamontada.com/
Picasso-Des
سوبر الإبداع 

Picasso-Des

ذكر
الجدي
عدد المساهمات : 10775
نقاط النشاط : 11119
السٌّمعَة : 136
بلد العضو : كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Ioao10
العمر : 37

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالسبت يونيو 16, 2018 11:28 pm

يعطيكم العافية على الطرح كود جافا اضافة اشعارات صندوق الدردشة بالعارضة 837876428
كل الاحترام كود جافا اضافة اشعارات صندوق الدردشة بالعارضة 433646733
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://medialive.pro
مصطفى ستيتان
عضو محترف 

مصطفى ستيتان

ذكر
عدد المساهمات : 1130
نقاط النشاط : 1203
السٌّمعَة : 11
بلد العضو : كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Ioao10

كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Empty
مُساهمةموضوع: رد: كود جافا اضافة اشعارات صندوق الدردشة بالعارضة   كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Emptyالإثنين يوليو 23, 2018 9:30 am

   جزاكم الله خيراً  
 وردة حمراء وردة حمراء وردة حمراء وردة حمراء 


سبحان الله والحمدلله ولا إله إلا الله 
 
كود جافا اضافة اشعارات صندوق الدردشة بالعارضة Do
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://www.elmanal.com
 
كود جافا اضافة اشعارات صندوق الدردشة بالعارضة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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