منتدى محور التطوير

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

تفضل بالمشاركة في احلى موضوع


شاطر | 
 

 كود معاينة معلومات مختصرة عن العضو حين مرور الماوس على اسمه

اذهب الى الأسفل 
كاتب الموضوعرسالة
ناصر الحق
المشرف العام
المشرف العام
avatar

عدد المشاركات : 13
السمعة : 23
السٌّمعَة : 0
تاريخ التسجيل : 19/07/2016
العمر : 28

مُساهمةموضوع: كود معاينة معلومات مختصرة عن العضو حين مرور الماوس على اسمه    الأربعاء يوليو 20, 2016 11:20 pm

السلام عليكم ورحمة الله وبركاته 

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

http://i86.servimg.com/u/f86/18/04/55/46/sans_t16.png




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




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


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

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