جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
+4
General Mohamed
JAR7
The Globetrotter
Yasirayad
8 مشترك
جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الإثنين يوليو 20, 2015 7:46 pm
جافا سكربت: أضافة علبة الدردشه على تولبر المنتدى |
هل تريد ان يكون صندوق الدردشه المنبثقه السريع على شريط تولبر احلى منتدى في الجزء العلوي من المنتدى هذه الشرح سوف يشرح لكم طريقة عملهى واظهر لك كيفيه تطبيق هذه الميزة
Tutorial provided by Portuguese support forum
--> جافا سكربت <--
إدراج علامة تبويب الدردشه في شريط الأدوات
Javascript -1º
أضف الكود الى : في كل الصفحات- الكود:
$(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 = 'Chat ';
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,''); };
})});
2º - معاينة
إذا كان لديك أي أسئلة حول هذا الموضوع إنشاء الموضوع مع العنوان المناسب |
- The Globetrotterعضو جديد
عدد المساهمات : 27
النقاط : 36
السٌّمعَة : 5
تاريخ التسجيل : 20/07/2015
العمر : 24
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الثلاثاء يوليو 21, 2015 1:33 am
شكرا لك حبيبى ,
- JAR7عضو جديد
- عدد المساهمات : 47
النقاط : 49
السٌّمعَة : 0
تاريخ التسجيل : 20/07/2015
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الخميس يوليو 23, 2015 7:38 am
طرحت فأبدعت
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
- General Mohamedعضو جديد
عدد المساهمات : 62
النقاط : 90
السٌّمعَة : 6
تاريخ التسجيل : 21/07/2015
العمر : 25
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الخميس يوليو 23, 2015 12:38 pm
شكرا لك يا عسل موفق
- 1M ThE BesTعضو جديد
- عدد المساهمات : 16
النقاط : 19
السٌّمعَة : 1
تاريخ التسجيل : 28/06/2015
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الثلاثاء يوليو 28, 2015 4:28 am
كود جميل ياسو
- الطريق نحو القمةعضو جديد
- عدد المساهمات : 9
النقاط : 9
السٌّمعَة : 0
تاريخ التسجيل : 07/09/2015
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الأربعاء أكتوبر 14, 2015 1:02 pm
شكرا لك
كود مميز
كود مميز
- GeNeRaLعضو جديد
- عدد المساهمات : 57
النقاط : 61
السٌّمعَة : 2
تاريخ التسجيل : 16/05/2015
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الخميس أكتوبر 15, 2015 8:00 pm
مبدع كالعادة .. شكراً لك
- البرغوثيعضو جديد
- عدد المساهمات : 14
النقاط : 16
السٌّمعَة : 0
تاريخ التسجيل : 16/10/2015
رد: جافا سكربت أضافة علبة الدردشه في تولبر المنتدى
الأحد أكتوبر 18, 2015 10:27 pm
كود رائع
شكرا لك على الابداع
ننتظر تمييزك و مجهوداتك بكل شوق
شكرا لك على الابداع
ننتظر تمييزك و مجهوداتك بكل شوق
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى