annex
عضو فعال

 عدد المساهمات : 355 نقاط النشاط : 492 السٌّمعَة : 90 بلد العضو :  
 | موضوع: كود javascript و Css لوضع دردشة في عارضة المنتدى السبت مايو 13, 2017 6:15 pm | |
| أقدم لكم اليوم كود javascript و كود CSS لوضوع دردشة في عارضة المنتدى هنا سوف تظهر الإضافة  و عند الضغط تطلع تحت  الان مع الاكواد أولا كود 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: 'Chatbox', new_msg: 'Un nouveau message a été posté sur 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/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); }); })();
ثم نذهب إلى ورقة 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; }
و هنيئا لك الإضافة |
|
JoryAbdallah
سوبر الإبداع

  عدد المساهمات : 126400 نقاط النشاط : 142121 السٌّمعَة : 3010 بلد العضو :  العمر : 36
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى السبت مايو 13, 2017 6:44 pm | |
| ماشاء الله تبارك الله كود جديد ورائع تم تقيمك واستمر يابطل |
|
annex
عضو فعال

 عدد المساهمات : 355 نقاط النشاط : 492 السٌّمعَة : 90 بلد العضو :  
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى السبت مايو 13, 2017 9:23 pm | |
| شكرا على تشجيعك و على مرورك  |
|
منصورة
سوبر الإبداع

  عدد المساهمات : 13973 نقاط النشاط : 16967 السٌّمعَة : 52 بلد العضو :  العمر : 59
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى الجمعة مايو 19, 2017 12:55 pm | |
| كود مميز اخي annex
الف شكر على الإفادة تقبل مروري وتقديري  كل القلوب إلى الحبيب تميل ومعي بهذا شاهد ودليل اما الدليل إذا ذكرت محمداً صارت دموع العارفين تسيل هذا رسول الله نبراس الهدى هذا لكل العالمين نبيا |
|
K!LLeR
عضو خبير

 عدد المساهمات : 757 نقاط النشاط : 872 السٌّمعَة : 10 بلد العضو : 
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى الخميس أغسطس 03, 2017 4:09 pm | |
| أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ |
|
Derraz Boujemaa
عضو ذهبي

 عدد المساهمات : 3399 نقاط النشاط : 6146 السٌّمعَة : 122 بلد العضو : 
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى الإثنين ديسمبر 11, 2017 3:08 pm | |
| يعطيك العافيه طرح رائع وانت دائما رائع في طرحك . أنتظر جديدك بكل الشوق والود ,,, تقبل مروري المتواضع |
|
The Giant
مؤسس الإبداع العربي

  عدد المساهمات : 10847 نقاط النشاط : 11200 السٌّمعَة : 137 بلد العضو :  العمر : 38 
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى السبت يونيو 16, 2018 11:50 pm | |
| يعطيكم العافية على الطرح  كل الاحترام  |
|
مصطفى ستيتان
عضو محترف

 عدد المساهمات : 1130 نقاط النشاط : 1203 السٌّمعَة : 11 بلد العضو : 
 | |
Àťéf Hàmmàď
سوبر الإبداع

 عدد المساهمات : 92696 نقاط النشاط : 102560 السٌّمعَة : 708 بلد العضو : 
 | موضوع: رد: كود javascript و Css لوضع دردشة في عارضة المنتدى الخميس مايو 14, 2020 10:44 pm | |
| |
|