كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة

اذهب الى الأسفل

كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة

مُساهمة من طرف صاٌحبُ المنًتدىَ في 30.09.16 13:23


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

كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة
كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة
كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة
كود إظهار المعلومات بانبثاق عند الوقوف على اسم العضو او المجموعة
كود جافا لكى يظهر الوصف للمجموعات والاعضاء بمجرد الوقوف
كود جافا لكى يظهر الوصف للمجموعات والاعضاء بمجرد الوقوف
كود جافا لكى يظهر الوصف للمجموعات والاعضاء بمجرد الوقوف
كود جافا لكى يظهر الوصف للمجموعات والاعضاء بمجرد الوقوف


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

الكود:
[center][b]$(function() {[/b][/center]
[center][b]  'DEVELOPED BY ANGE TUTEUR';[/b][/center]
[center][b]  'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';[/b][/center]
[center][b]  'ORIGIN : http://fmdesign.forumotion.com/t1030-display-a-preview-of-groups-on-hover#21553';[/b][/center]
  var max_users = 10, // max number of users
      // language data
      lang = {

[center][b]        view_err : 'The group data could not be retrieved.'[/b][/center]
        view_group : 'View the full group',
        loading : 'Loading...',
      },

[center][b]      }),[/b][/center]
      links = $('a[href^="/g"]').filter(function() {
        if (/\/g\d+-/.test(this.href)) {
          return this;
        }

[center][b]    contentAsHTML : true,[/b][/center]
      groupsinfo = {};
  links.tooltipster && links.not('.tooltipstered').tooltipster({
    animation : 'fade',
    interactive : true,

[center][b]    content : lang.loading,[/b][/center]
    minWidth : 300,
    maxWidth : 300,
    delay : 500,
    theme : 'tooltipster-default',
    arrowColor : "#EEE",
    autoClose : true,

[center][b]          groupId = groupURL.replace(/.*?\/g(\d+).*/, '$1'),[/b][/center]
    functionBefore : function(origin, continueTooltip) {
      continueTooltip();
      var groupURL = $(this).attr('href'),
          groupName = $(this).text();

[center][b]          $.get(groupURL, function(d) {[/b][/center]
      if (origin.data('ajax') !== 'cached') {
        if (groupsinfo[groupId] != undefined) {
          origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cached');
        } else {

[center][b]                  '<div class="fa_group_preview">'+[/b][/center]
            var user = $('form[action="' + groupURL + '"] a[href^="/u"]', d),
                i = 0,
                li,
                container = $('<div>'+
                    '<h2 class="fa_group_name">' + groupName + '</h2>'+

[center][b]                      '<a href="' + groupURL + '" class="button1">' + lang.view_group + '</a>'+[/b][/center]
                    '<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">'+
                    '</div>'+
                  '</div>'+
                '</div>');

[center][b]            }[/b][/center]
            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>');

[center][b]      'h2.fa_group_name { font-size:24px; }'+[/b][/center]
            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; }'+

[center][b]});[/b][/center]
      '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>'

[center][b]  );[/b][/center]
 
حاول انك تقف على اى اسم عضو فى المنتدى 
او على المجموعات وسوف تلاحظ ذالك 
 
ان الكود حصرى لمنتديا ولا يوجد فى اى منتدى اخر 
وتم الترركيب والتجربة والحمد لله شغال 


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



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
avatar
صاٌحبُ المنًتدىَ
من كبار الشخصيات
من كبار الشخصيات

الابراج : الحمل
عدد المساهمات : 2145
نقــاط التميــز : 6155
تاريخ التسجيل : 07/10/2012
تاريخ الميلاد : 01/04/1993
الجنس : ذكر
بلد العضو :

http://animeek.0wn0.com

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

الرجوع الى أعلى الصفحة


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