عالم الجوال
كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 829894
ادارة
المنتدي
كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 103798
عالم الجوال
كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 829894
ادارة
المنتدي
كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة 103798
عالم الجوال
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةالبوابةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
المدير العام
المدير العام
Admin


عدد المساهمات : 46
السٌّمعَة : 0
تاريخ التسجيل : 30/01/2014

كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة Empty
مُساهمةموضوع: كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة   كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة Emptyالجمعة أكتوبر 09, 2015 10:36 am

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
عند الضغط عليه يظهر بشكل مصغر على الرئيسية ويمكنك التحدث عن طريق النسخة المصغرة
صورة له عند الضغط..؟


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

الأن نتوجه الى:

لوحة الاداره >> عناصر إضافيه >> 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,''); };
    })});


ويمكنك التحكم بالعرض والطول كما تشاء !! 
الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:
width : '700px', height : '350px',



تم الشرح بواسطتى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
المتطوع المساعد

ارجوا ان اكون قد افدتكم
انتهي الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://univergsm.rigala.net
 
كود علبة الدردشه المنبثقه على عارضه المنتدى بطريقة رائعة
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود HTML معلومات عن زائر المنتدى
» [كود css] لوضع خلفيه لاسم المنتدى بشكل روعه
» إضافة زر القوانين إلى ازرار صندوق ارسال المساهمات بطريقة جميلة
» كود جعل واجة المنتدى بصوره مستقله بدون رابط للنسخه الثانيه

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