مساعدون الويب

أكتب ملاحظاتك هنا

كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

default كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف M.A.S.T.E.R في الثلاثاء 5 مايو - 13:17

كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة


كود جديد يضع عدد المتواجون بدردشة +انه يعرض الدردشة بشكل مصغر ويمكنك التحكم به,فى شريط الاشعارات
عمل الكود هو: يمكنك مشاهدة عدد المتواجدون فى الدردشة فى شريط الاشعارات 
ويمكنك ايضا التحدث فى الدردشة فى نفس المكان عند شريط الاشعارات
ملاحظة
: هذه التقنية تعمل على جميع النسخ
صورة للمعاينه
صورة عند ظهوره على الرئيسية 

تكبير الصورة معاينة الأبعاد الأصلية.

https://i19.servimg.com/u/f19/19/08/62/30/2015-015.png
عند الضغط عليه يظهر بشكل مصغر على الرئيسية ويمكنك التحدث عن طريق النسخة المصغرة
صورة له عند الضغط..؟


تكبير الصورة معاينة الأبعاد الأصلية.

https://i19.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,''); };
    })});




M.A.S.T.E.R
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 345
نقاط النشاط : 354
تقييمك : 5
تاريخ التسجيل : 30/12/2013
العمر : 18

معاينة صفحة البيانات الشخصي للعضو http://www.club-profe.com/

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف YaSsInE BaBLiL في الثلاثاء 5 مايو - 13:20

ما شاء الله عليك اخي الحبيب
شكرا لك ياغالي
تم اعجاب بالموضوع

YaSsInE BaBLiL
المدير العام


الجنس : ذكر
الدولة :
عدد المساهمات : 643
نقاط النشاط : 5847
تقييمك : 63
تاريخ التسجيل : 15/09/2011
العمر : 26

معاينة صفحة البيانات الشخصي للعضو http://www.weeb-h.com

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف 1M ThE BesT في الثلاثاء 5 مايو - 13:24

جميييييل جددددددا

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

واصل

1M ThE BesT
 
 

الدولة :
عدد المساهمات : 4
نقاط النشاط : 6
تقييمك : 2
تاريخ التسجيل : 13/12/2014

معاينة صفحة البيانات الشخصي للعضو

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف M.A.S.T.E.R في الثلاثاء 5 مايو - 13:36

@Yassine Bablil كتب:ما شاء الله عليك اخي الحبيب
شكرا لك ياغالي
تم اعجاب بالموضوع

العفو حبيبي نورت

M.A.S.T.E.R
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 345
نقاط النشاط : 354
تقييمك : 5
تاريخ التسجيل : 30/12/2013
العمر : 18

معاينة صفحة البيانات الشخصي للعضو http://www.club-profe.com/

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف M.A.S.T.E.R في الثلاثاء 5 مايو - 13:37

@1M ThE BesT كتب:جميييييل جددددددا

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

واصل

شكرا

M.A.S.T.E.R
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 345
نقاط النشاط : 354
تقييمك : 5
تاريخ التسجيل : 30/12/2013
العمر : 18

معاينة صفحة البيانات الشخصي للعضو http://www.club-profe.com/

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف General Mohamed في الأربعاء 6 مايو - 14:38

واووووو مشكور يا غالي

General Mohamed
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 534
نقاط النشاط : 762
تقييمك : 4
تاريخ التسجيل : 15/12/2014
العمر : 17

معاينة صفحة البيانات الشخصي للعضو

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف M.A.S.T.E.R في الخميس 7 مايو - 13:34

العفو ياهلا

M.A.S.T.E.R
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 345
نقاط النشاط : 354
تقييمك : 5
تاريخ التسجيل : 30/12/2013
العمر : 18

معاينة صفحة البيانات الشخصي للعضو http://www.club-profe.com/

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف Eslam Love في الخميس 7 مايو - 14:06

رائع يا غالى
استمر


ﻟﻴﺲ‏ ﻛﻞ ﻣﻦ ﺍﺳﺘﺨﺪﻡ ﺑﺮﺍﻣﺞ ﺍﻟﺘﺼﻤﻴﻢ ﺃﺻﺒﺢ ﻣﺼﻤﻢ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺍﺧﺬ ﺳﻴﺮﻓﺮ ﺃﺻﺒﺢ ﻣﺴﺘﻀﻴﻒ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﻫﺎﻙ ﺍﺻﺒﺢ ﺩﻋﻢ ﻓﻨﻲ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﺭﻛﺐ ﺻﻔﺤﺔ ﺃﺻﺒﺢ ﻣﻄﻮﺭ
ﻟﻴﺲ ﻛﻞ ﻣﻦ ﻛﺘﺐ ﻛﻮﺩ ﺃﺻﺒﺢ ﻣﺒﺮﻣﺞ

--------------
ﻭ ﻟﻜﻦ ﻛﻞ ﻣﻦ ﺗﻮﺍﺿﻊ ﻟﻠﻪ ﺃﺻﺒﺢ ﻣﺤﺘﺮﻑ
--------------
يا
زائر
إذا أردت الاستفسار عن أى شئ لا تتردد فى ارسال رساله على
www.facebook.com/Eslam.Ahmed.Hamdy



Eslam Love
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 237
نقاط النشاط : 383
تقييمك : 13
تاريخ التسجيل : 26/02/2015
العمر : 20

معاينة صفحة البيانات الشخصي للعضو http://www.club-profe.com/

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف ملك الحصريات في الخميس 14 مايو - 13:07

شكرا لك على المشاركه المميزه

ملك الحصريات
 
 

الجنس : ذكر
الدولة :
عدد المساهمات : 28
نقاط النشاط : 27
تقييمك : 0
تاريخ التسجيل : 14/05/2015
العمر : 36

معاينة صفحة البيانات الشخصي للعضو http://medo.glaxu.org/vb

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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف زائر في السبت 8 أكتوبر - 21:04

كو رائع 

شكراا لك

زائر
زائر


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

default رد: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة

مُساهمة من طرف The king في السبت 8 أكتوبر - 21:21

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




[size=18]مدونة احلى شرح افضل مدونة في العالم العربي تتخصص في مجال المعلوميات وكل ماهو جد جديد[/size]

:26-39: :26-39: :26-39: :26-39: :26-39: :26-39: 

The king
المراقب العام


الجنس : ذكر
الدولة :
عدد المساهمات : 429
نقاط النشاط : 533
تقييمك : 6
تاريخ التسجيل : 29/04/2015
العمر : 15

معاينة صفحة البيانات الشخصي للعضو http://www.weeb-h.com/

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى