M.A.S.T.E.R
عدد المساهمات : 345 نقاط النشاط : 354 تقييمك : 5 تاريخ التسجيل : 30/12/2013 العمر : 26
| موضوع: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 05.05.15 13:17 | |
| كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة | | كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة
| |
كود جديد يضع عدد المتواجون بدردشة +انه يعرض الدردشة بشكل مصغر ويمكنك التحكم به,فى شريط الاشعاراتعمل الكود هو: يمكنك مشاهدة عدد المتواجدون فى الدردشة فى شريط الاشعارات ويمكنك ايضا التحدث فى الدردشة فى نفس المكان عند شريط الاشعارات ملاحظة: هذه التقنية تعمل على جميع النسخ صورة للمعاينهصورة عند ظهوره على الرئيسية تكبير الصورة معاينة الأبعاد الأصلية.https://i.servimg.com/u/f19/19/08/62/30/2015-015.png عند الضغط عليه يظهر بشكل مصغر على الرئيسية ويمكنك التحدث عن طريق النسخة المصغرة صورة له عند الضغط..؟تكبير الصورة معاينة الأبعاد الأصلية.https://i.servimg.com/u/f19/19/08/62/30/22222211.png الأن نتوجه الى:لوحة الاداره >> عناصر إضافيه >> HTML و JAVASCRIPT
إدارة أكواد Javascript تفعيل نظام إدارة أكواد 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,''); }; })}); |
|
| |
|
Admin المدير العام
عدد المساهمات : 829 نقاط النشاط : 6108 تقييمك : 65 تاريخ التسجيل : 15/09/2011 العمر : 22
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 05.05.15 13:20 | |
| ما شاء الله عليك اخي الحبيب شكرا لك ياغالي تم اعجاب بالموضوع
| |
|
1M ThE BesT
عدد المساهمات : 4 نقاط النشاط : 6 تقييمك : 2 تاريخ التسجيل : 13/12/2014
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 05.05.15 13:24 | |
| جميييييل جددددددا
كود رائع وتم التجريب بنجاح
واصل | |
|
M.A.S.T.E.R
عدد المساهمات : 345 نقاط النشاط : 354 تقييمك : 5 تاريخ التسجيل : 30/12/2013 العمر : 26
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 05.05.15 13:36 | |
| - Yassine Bablil كتب:
- ما شاء الله عليك اخي الحبيب
شكرا لك ياغالي تم اعجاب بالموضوع
العفو حبيبي نورت | |
|
M.A.S.T.E.R
عدد المساهمات : 345 نقاط النشاط : 354 تقييمك : 5 تاريخ التسجيل : 30/12/2013 العمر : 26
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 05.05.15 13:37 | |
| - 1M ThE BesT كتب:
- جميييييل جددددددا
كود رائع وتم التجريب بنجاح
واصل شكرا | |
|
General Mohamed
عدد المساهمات : 534 نقاط النشاط : 762 تقييمك : 4 تاريخ التسجيل : 15/12/2014 العمر : 25
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 06.05.15 14:38 | |
| | |
|
M.A.S.T.E.R
عدد المساهمات : 345 نقاط النشاط : 354 تقييمك : 5 تاريخ التسجيل : 30/12/2013 العمر : 26
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 07.05.15 13:34 | |
| | |
|
Eslam Love
عدد المساهمات : 237 نقاط النشاط : 383 تقييمك : 13 تاريخ التسجيل : 26/02/2015 العمر : 27
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 07.05.15 14:06 | |
| | |
|
ملك الحصريات
عدد المساهمات : 28 نقاط النشاط : 27 تقييمك : 0 تاريخ التسجيل : 14/05/2015 العمر : 43
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 14.05.15 13:07 | |
| شكرا لك على المشاركه المميزه | |
|
زائر زائر
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 08.10.16 21:04 | |
| |
|
The king
عدد المساهمات : 437 نقاط النشاط : 548 تقييمك : 9 تاريخ التسجيل : 29/04/2015 العمر : 22
| موضوع: رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 08.10.16 21:21 | |
| دائما متميز في الانتقاء سلمت على روعه طرحك نترقب المزيد من جديدك الرائع دمت ودام لنا روعه مواضيعك لكـ خالص احترامي | |
|