الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  المجموعاتالمجموعات  التسجيلالتسجيل  دخول  



قالب viewtopic_body ملائم لجميع الاستايلات من برمجة وتطوير احلى موضوع
ازرار اضافية في المحرر لأدراج ملاحظات وتحذيرات والمزيد حصرياً على منتديات احلى موضوع
تكاثر البلبل في القفص من الالف الى الياء
استايل ترايدنت الحالي الاحترافي 2016 مجانا للجميع
استايل هيلبرنت لاحلى منتدى كامل بالتومبيلات
تحميل ستيل الابداع العربى مجانا بروابط جديدة
حصرياً التعديل على قوالب علبة الدردشة تومبيلات وهي مخفية في منتداك
أضافة زر حذف الرابط في الصندوق الماسي لأحلى منتدى
استايل حفر الباطن تومبيلات متعدد الالوان
الخميس يوليو 27, 2017 11:04 pm
الأحد يوليو 23, 2017 11:41 pm
الإثنين يوليو 17, 2017 1:49 pm
السبت يوليو 08, 2017 4:12 am
السبت يوليو 08, 2017 4:12 am
السبت أبريل 01, 2017 1:33 pm
الجمعة ديسمبر 23, 2016 12:12 pm
الجمعة ديسمبر 23, 2016 12:10 pm
الجمعة نوفمبر 04, 2016 8:06 pm
محمود السيد
ahmed halim
ADEL
ahmed halim
ahmed halim
عبدالله الوكيل
Mc Nabulsy
Mc Nabulsy
shvr hgrg,f



منتديات احلى موضوع :: تطوير منتديات احلى منتدى :: تقنيات احلى منتدىشاطر | 

 

 معاينة الاعضاء المنتمين الى مجموعة معينة حين مرور الماوس على اسم المجموعة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
رسالة
مُساهمةموضوع: معاينة الاعضاء المنتمين الى مجموعة معينة حين مرور الماوس على اسم المجموعة   الثلاثاء سبتمبر 13, 2016 8:38 pm

avatar
محمد جمال
عضو جديد
المشاركات : 2
نقاط : 4
تاريخ التسجيل : 13/09/2016
الإجابات المقدمة: 1
الثلاثاء سبتمبر 13, 2016 8:38 pm
المشاركة 1
نشاط محمد جمال
  • قوة السمعة :
  • الإعجاب:
    مُساهمةموضوع: معاينة الاعضاء المنتمين الى مجموعة معينة حين مرور الماوس على اسم المجموعة
    معاينة الاعضاء المنتمين الى مجموعة معينة حين مرور الماوس على اسم المجموعة
    هو كود جافا وظيفته تختصر حينما يتم تمرير الفأرة على اسم مجموعة معينة في الصفحة الرئيسية يعرض لك اسماء المنتمين الى المجموعة بشكل أحترافي  Wink 

    صورة:



    الكود :

    الكود:
    $(function() {
      'DEVELOPED BY ANGE TUTEUR';
      'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
      'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';
     
      var max_users = 10, // max number of users
     
          // language data
          lang = {
            view_group : 'مشاهدة المجموعة كاملة',
            loading : 'تحميل...',
            view_err : 'حدث خطأ ما..'
          },
     
          links = $('a[href^="/g"]').filter(function() {
            if (/\/g\d+-/.test(this.href)) {
              return this;
            }
          }),
     
          groupsinfo = {};
     
      links.tooltipster && links.not('.tooltipstered').tooltipster({
        animation : 'fade',
        interactive : true,
        contentAsHTML : true,
        minWidth : 300,
        maxWidth : 300,
        delay : 500,
        theme : 'tooltipster-default',
        arrowColor : "#EEE",
        autoClose : true,
        content : lang.loading,
        functionBefore : function(origin, continueTooltip) {
          continueTooltip();
     
          var groupURL = $(this).attr('href'),
              groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),
              groupName = $(this).text();
     
          if (origin.data('ajax') !== 'cached') {
            if (groupsinfo[groupId] != undefined) {
              origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
            } else {
              $.get(groupURL, function(d) {
                var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                    i = 0,
                    li,
                    container = $('<div>'+
                      '<div class="fa_group_preview">'+
                        '<h2 class="fa_group_name">' + groupName + '</h2>'+
                        '<p class="fa_group_desc">' + $('form[action^="/g"]', d).find('dl:eq(1) dd, tr:eq(2) td.row2 .gen').text() + '</p>'+
                        '<ol class="fa_group_list"></ol>'+
                        '<div class="fa_group_button">'+
                          '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+
                        '</div>'+
                      '</div>'+
                    '</div>');
     
                for (; i < max_users; i++) {
                  if (user[i]) {
                    li = document.createElement('LI');
                    li.appendChild(user[i]);
                    $('ol', container).append(li);
                  }
                }
     
                if (!$('li', container).length) {
                  $('ol', container).after('<div>' + lang.view_err + '</div>');
                }
     
                groupsinfo[groupId] = container.html();
                origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
              });
            }
          }
        }
      });
     
      $('head').append(
        '<style type="text/css">'+
          '.fa_group_preview { font-family:Arial; font-size:12px; color:#000; }'+
          '.fa_group_preview a { text-decoration:none; }'+
          'h2.fa_group_name { font-size:24px; }'+
          'p.fa_group_desc, h2.fa_group_name { margin:10px 0 10px 0; }'+
          'ol.fa_group_list { margin:0 25px; padding:0; }'+
          '.fa_group_button { margin-top:10px; text-align:center; }'+
        '</style>'
      );
    });


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

    تم الترجمة بواسطه أخوكم محمد جمال smws1

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

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

    الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:53.
    المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
    فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
    التعليقات المنشورة لا تعبر عن رأي منتدى احلى موضوع ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

    •  
    •  
    •  
    •  
    جميع الحقوق محفوظة AHLAMAWDO 2015
    • 00966920020037
    • 00966138648289
    • 2051033691
    Powered by AHLMAWDO.COM® Version 3.8.7 .Copyright ©2000 - 2016, Jelsoft Enterprises Ltd
    SEO by vBSEO ©2011, Crawlability, Inc.
    تحويل وتطوير وليد رمضان مؤسس شبكة أحلى موضوع