منطقة الاعضاء


كلمة الادارة
تم بإذن الله فتح التبادل الاعلاني مع منتديات بيت الجزائر لكل العرب ، فلمن يهمه الامر يضع طلبه في القسم الخاص بالتبادل مح وصف المنتدى
 

أهلا وسهلا بك إلى بيت الجزائر لكل العرب.

الرئيسيةس .و .جبحـثالتسجيلدخول

بيت الجزائر لكل العرب


مرحبا بك عزيزى الزائر فى بيت الجزائر لكل العرب.

أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا. كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه

بيت الجزائر لكل العرب

اسم الموضوع: تعليم الإنجليزيهأمس في 8:40 من طرفElnazer اسم الموضوع: قالب الاحصائيات الجديد المميز 2016الأحد 21 يناير 2018 - 20:58 من طرفسروبة اسم الموضوع: قالب index_box لتحويل الفئات الى مجلة تلقائية الخاص والحصري لمسرووور الجمعة 19 يناير 2018 - 10:57 من طرفسروبة اسم الموضوع: حصري استايل البرواز المجاني الاحترافي بالتومبيلات ( بألوان الازرق ) الأربعاء 17 يناير 2018 - 17:52 من طرفth3free اسم الموضوع: [CSS]كود صندوق النشر الجديد و مميزاته الاحترافيةالخميس 11 يناير 2018 - 22:35 من طرفth3free اسم الموضوع: حصريا هنا تأثير الـــcss على الصندوق الماسيالخميس 11 يناير 2018 - 22:34 من طرفth3free اسم الموضوع: كود [css]+[javascript] لتطوير تايتل المنتدى بإنسيابية مميزة و احترافيةالخميس 4 يناير 2018 - 14:50 من طرفschoolel7ob اسم الموضوع: هل استضافة احلى منتدى مؤمنة؟الجمعة 29 ديسمبر 2017 - 19:45 من طرفالمدير اسم الموضوع: كود حصري جدا لوضع أدوات الموضوع فوق صندوق الرد - تحديث -الأربعاء 13 ديسمبر 2017 - 16:42 من طرفrana778 اسم الموضوع: [code] روبوت كاتب الردود الذكي لاحلي منتديالأربعاء 13 ديسمبر 2017 - 16:25 من طرفrana778 اسم الموضوع: قالب زخرفة الاسماء حصريالثلاثاء 12 ديسمبر 2017 - 17:35 من طرفالمدير اسم الموضوع: [Javascript] إدراج صورة برابط الموجود في ازرار صندوق الرد يعمل على جميع النسخالإثنين 11 ديسمبر 2017 - 20:17 من طرفrana778

شاطر | 
 

 JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
المعلومات
الكاتب:
zizou75
اللقب:
المشرف العام
الرتبه:
المشرف العام
الصورة الرمزية

avatar

البيانات
الجنس :
ذكر
عدد المساهمات :
233
السٌّمعَة :
17
تاريخ التسجيل :
27/09/2014

التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
موضوع: JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق الأربعاء 3 يونيو 2015 - 19:42


JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق
كود جافا سكربت يقوم باضافة زر جديد وهو علبة الدردشة يظهر كم متواجد فى الدردشة
وعندما تضغط علية تظهر علبة الدردشة بشكل منبثق
صور للكود بعد التركيب


وعند الضغط على علبة الدردشة
يظهر علبة الدردشة كما فى الصورة التالية

الكود:

الكود:
   $(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 = '(علبة الدردشه) ';
          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,''); };
        })});
طريقة تركيب الكود

لوحة الادارة /عناصر اضافية /HTMLو JAVASCRIPT
/ إدارة أكواد Javascript
وضع الكود فى جميع الصفحات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
شارك هذا الموضوع...
روابط هذا الموضوع
URL:
BBCode:
HTML:
صفحة 1 من اصل 1

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيت الجزائر لكل العرب :: 
دعم منتديات أحلى منتدى
 :: :: أكواد Java Script و jQuery
-
انتقل الى:  

منتديات بيت الجزائر لكل العرب

↑ Grab this Headline Animator

© phpBB | انشئ منتدى | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونة مجانيا