دليل الاشهار العربي افضل موقع عربي في الدعاية والاشهار وفهرسة المواقع والمنتديات في محركات البحث. تقنيات،تصميم،وخدمات أخرى
 
الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  
 

 كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )

اذهب الى الأسفل 
كاتب الموضوعرسالة
علاء الجزائري
أسطورة الإشهار

علاء الجزائري

البلد : الجزائر
الجنس : ذكر
المساهمات : 11353
نقاط النشاط : 13181

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالإثنين 11 مايو 2020 - 8:10

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

حصريا على منتدى دليل الإشهار العربي


صورة للنتيجة :


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Iooo10



الطريقة :





1 - تدخل إلى منتداك ثم تدخل إلى لوحة الإدارة 
2 - تختار مظهر المنتدى - ألوان - ورقة تصميم ccs

نضيف الكود التالي :  




الكود:
       #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;
        }







ثم نضغط قدم




الخطوة التالية :


لوحة الإدارة - عناصر إضافية - إدارة أكواد 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: 'https://illiweb.com/fa/fdf/zelda.mono.mp3'
            },
            notifRate: 10000
        },

        // language settings
        lang: {
            chatbox: 'علبة دردشة دليل الإشهار العربي',
            new_msg: 'Un nouveau message a été posté sur la <a href="javascript:FA.Chat.toggle();">علبة الدردشة دليل الإشهار العربي </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/index.forum"></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);
    });
})();



مع تغيير في كود جافا سكريبت السابق هنا : ( في السطر 25 و 26 )

اقتباس :
chatbox: 'علبة دردشة دليل الإشهار العربي',
            new_msg: 'Un nouveau message a été posté sur la علبة الدردشة دليل الإشهار العربي .'
        },



ثم نضغط قدم


و الف مبرووك

في أمان الله أتمنى أنكم إستفدتم  كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 4253423182 أي إستفسار انا حاضر
تحياتي 
علاء الجزائري
منتدى دليل الإشهار العربي


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

البلد : ليبيا
الجنس : ذكر
المساهمات : 847
نقاط النشاط : 851

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالثلاثاء 19 مايو 2020 - 2:22

بارك الله فيك اخي علاء


احسنت 


تقبل مروري


توقيع : الـكـاسـح


أهلا و مرحبا بكم في منتديات شباب ليبيا الحرة ... 


https://shabab-libya-top.yoo7.com/


كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 1215
الرجوع الى أعلى الصفحة اذهب الى الأسفل
علاء الجزائري
أسطورة الإشهار

علاء الجزائري

البلد : الجزائر
الجنس : ذكر
المساهمات : 11353
نقاط النشاط : 13181

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالثلاثاء 19 مايو 2020 - 2:28

@الـكـاسـح كتب:
بارك الله فيك اخي علاء


احسنت 


تقبل مروري


تسلم أخي  كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) 235873


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

البلد : المغرب العربي
الجنس : ذكر
المساهمات : 42
نقاط النشاط : 52

كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Empty
مُساهمةموضوع: رد: كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )   كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي ) Emptyالأربعاء 22 يوليو 2020 - 0:37

شكرا جزيلا


الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود إضافة علبة الدردشة إلى عارضة المنتدى ( حصريا على منتدى دليل الإشهار العربي )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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