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


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

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

الرئيسيةأحدث الصورالتسجيلدخول

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


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

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

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

المواضيع الأخيرة
» [template][حصري] اخر المواضيع للنسخة ModernBBBETA
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 27 مارس 2024 - 2:03 من طرف th3free

» حصريا وجديد تومبيلات ستايل فور يمني الاحترافي مجانا هنا
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأحد 19 مارس 2023 - 0:50 من طرف th3free

»  [TEMPLATE] قالب index_box احترافي جدا
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأحد 19 مارس 2023 - 0:21 من طرف th3free

»  استايل حوف نت مجانا و بدون اخطاء
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الإثنين 2 يناير 2023 - 16:04 من طرف asmaabaskota

» ستايل مالك العوامرة المميز و الاحترافي للنسخة الثالثة 2015
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:06 من طرف المدير

» [STYLE]نسخة الجوال ابيض و اسود
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 21 ديسمبر 2022 - 18:04 من طرف المدير

» ربح المال من كواي ، طريقة ربح 50جنية من تطبيق kwai وسحبها ع فودافون كاش
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الإثنين 31 يناير 2022 - 19:25 من طرف المدير

» استايل سدير الفضي تومبيلات لمن يبحث عن السرعة والاناقة والجمال
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 24 نوفمبر 2021 - 14:04 من طرف boualem

» تومبيلات استايل محول تطويري احترافي و مميز من تحويل JAR7
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 24 نوفمبر 2021 - 13:52 من طرف boualem

» ستايل تومبيلات المعتمد لدى منتديات بيت الجزائر لكل العرب مجانا
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 24 نوفمبر 2021 - 8:07 من طرف boualem

»  قالب index_box الجديد 2016
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الأربعاء 18 أغسطس 2021 - 14:42 من طرف mc nabulsy

» استايل نسخة الجوال محولة من الفي بي لاحلى منتدى
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 19:06 من طرف DZWEB

» [JAVASCRIPT]+[CSS] حصريا صندوق الرد الاحترافي الجديد {Weeb-Editor} 2017
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 18:55 من طرف DZWEB

» جديد 2016 تقنية الدخول للمنتدى مثل قوقل
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 18:41 من طرف DZWEB

» كود HTML لوحة اعلانات احترافية
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 18:31 من طرف DZWEB

» [JAVASCRIPT][حصري]و قبل أي منتدى عربي Messenger forumotion لمنتداك غاية في الجمال
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 13:40 من طرف DZWEB

»  [Javascript] يخبرك بآخر الزوار لملفك الشخصي لجميع النسخ phpbb2, phpbb3, punbb & invision!
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1السبت 20 مارس 2021 - 13:19 من طرف DZWEB

» حصريا كود جافا إخفاء الموضوع أو كود عن طريق ازرار الشبكات الاجتماعية
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الجمعة 19 مارس 2021 - 17:55 من طرف DZWEB

» حصريا لدينا كود إضافة ازرار المشاركة في عارضة المنتدى
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الجمعة 19 مارس 2021 - 17:53 من طرف DZWEB

» [JAVASCRIPT] منع الاستغلاليين من استخدام روابط Adfly على منتداك
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Icon_minitime1الجمعة 19 مارس 2021 - 17:46 من طرف DZWEB

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

شاطر
 

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

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

zizou75

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

التوقيت

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


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

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

الكود:
JAVASCRIPT لاضافة علبة الدردشة فى شريط الاشعارات بشكل منبثق  Dddddd10
الكود:
   $(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
 مواضيع مماثلة
-
» [Javascript] التحكم الكامل في شريط الاشعارات المتقدم من تعديلي و تعريبي
» [جافا] علبة الدردشة على جنب المنتدى في جميع الصفحات
» [TEMPLATE] خاصية التبادل الاعلاني بالصور فوق علبة الدردشة
» [حصري][HTML] القنبلة الحصرية علبة الدردشة المتطورة لعام 2017
» [JAVASCRIPT][حصري] إضافة التاريخ و التوقيت لشريط الاشعارات لجميع النسخ

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

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

↑ Grab this Headline Animator

©phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | التبليغ عن محتوى مخالف | آخر المواضيع