منتدى أسامة المبدع

عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي سنتشرف بتسجيلك شكرا

ادارة المنتدي أسامة المبدع

منتدى أسامة المبدع

أكبر منتدى عربى شامل ومتنوع متخصص فى تطوير المنتديات والمواقع بتوفير خدماتنا فى مجال التصميم وأكواد وإستايلات وتقنيات وأرشفة وأشهار ودعم فنى من أجل الخدمة أعلى وأرقى
 
الرئيسيةبحـثالتسجيلدخول

شاطر | 
 

 كود جافا سكربت نافدة معاينة الاعضاء بعد وضع الماوس

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
أسامة المبدع
صاحب♥♫ الموقع
صاحب♥♫ الموقع
avatar

جنسيتك جنسيتك : ذكر
عدد المواضيع عدد المواضيع : 590
متى سجلت متى سجلت : 25/03/2015
الأوسمة


مُساهمةموضوع: كود جافا سكربت نافدة معاينة الاعضاء بعد وضع الماوس   السبت يونيو 25, 2016 1:55 pm

كود جافا سكربت نافدة معاينة الاعضاء بعد وضع الماوس
جافا سكربت كود جعل المنتدى متعدد الالوان

السلام عليكم ورحمة الله وبركاته 
اليوم اتيت اليكم بكود جميل جدا الا وهو 
هده الخاصية تعمل ايضا بشكل تلقائي فور وضع الماوس او فأرة الحاسوب على عضو بالمنتدى تظهر نافدة تعريف للعضو تحمل عدة معلومات وكدالك ازرار لمراسلته و التواصل معه
مثال وصورة توضيحية للخاصية




 ناتي لطريقة وضع الكود:

لوحة الاداره>>عناصر إضافية>>HTML و JAVASCRIPT>>إدارة أكواد Javascript>>


تفعيل نظام إدارة أكواد Javascript :نعم 

انشاء كود جديد 


العنوان * :حسب ما تريد 
أضف الكود الى :جميع الصفحات


كود Javascript * :


الكود:
$(function() {
  var links = $('a[href^="/u"]'),
      usersinfo = {};
 
  links.tooltipster && links.not('.mentiontag, .tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,
    contentAsHTML : true,
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    arrowColor : "#EEE",
    autoClose : true,
    content : 'Loading...',
    functionBefore: function(origin, continueTooltip) {
      continueTooltip();
 
      var userid = $(this).attr('href').replace(/.*?\/u(\d+).*/, '$1');
      if (origin.data('ajax') !== 'cached') {
        if (usersinfo[userid] != undefined) {
          origin.tooltipster('content', usersinfo[userid]).data('ajax', 'cached');
        } else {
          $.ajax({
            type: 'GET',
            url: "/ajax/index.php",
            dataType: "html",
         
            data: {
              f: "m",
              user_id: userid
            },
 
            success: function(html) {
              usersinfo[userid] = html;
              origin.tooltipster('content', html).data('ajax', 'cached');
            }
          });
        }
      }
    }
  });
});

دمتم بخير
Smile

_________________
هذآ آلمنتدي منكم وإليكم..

كونك أحد أعضاء أو زوآر هذا المنتدي فأنت مؤتمن.. لك حقوق وعليك وآجبآت

!!..ليس العبرة بعدد المشآركآت..!! وإنمآ مآذآ كتبت ومآذآ قدمت لإخوانك الأعضاء والزوآر

كن مميز في أطروحاتك.. صآدقاً في معلومآتك.. محباً للخير

مرآقباً للمنتدي في غيآب آلمراقب.. مشرفاً للمنتدي في غيآب آلمشرف

آملين أن يتم المشاركة بينكمآ بكل حب وإحترام

الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود جافا سكربت نافدة معاينة الاعضاء بعد وضع الماوس
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

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