شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

زائر
زائر
تمت المشاركة في الأحد سبتمبر 11, 2016 8:29 pm
كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية
السلام عليكم ورحمة الله وبركاته
اسعد الله اوقاتكم بكل خير
اقدم لكم جافا كود جديد
يعطي نافذة وتلميح للاعضاء المنضمين للمجموعه معين عند مرور الماوس على اسم المجموعات
صورة لعمل الكود
https://i.servimg.com/u/f35/18/45/41/65/captur15.gif



الكود يضاف من لوحة الادارة . عناصر اضافية . HTML و JAVASCRIPT
اكواد جافا سكريبت . انشاء عنصر جديد
الاسم اي شئ
علامة صح على صفحة الرئيسية
الكود

الكود:

$(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 : 'View the full group',
        loading : 'Loading...',
        view_err : 'The group data could not be retrieved.'
      },
 
      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,
    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>'
  );
});

ثم سجل ومبروك الكود

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

avatar
مؤسس الابداع العربي
الجنس : ذكر

الدلو

عدد المساهمات : 1163

نقاط النشاط : 1405

السٌّمعَة : 130

العمر : 36



معاينة صفحة البيانات الشخصي للعضوhttp://ibda3.montadarabi.com
تمت المشاركة في الأحد سبتمبر 11, 2016 8:32 pm
  • تقييم المساهمة: 100% (1)
كود رائع
تسلم يداكى

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

زائر
زائر
تمت المشاركة في الأحد سبتمبر 11, 2016 8:41 pm
الله يسلمك شرفتنا بمرورك العطر

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 6:14 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

زائر
زائر
تمت المشاركة في الأربعاء سبتمبر 14, 2016 11:05 pm
شكرااا

كود رائع

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

زائر
زائر
تمت المشاركة في الخميس سبتمبر 15, 2016 11:50 am
منورين جميعا

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 9913

نقاط النشاط : 11656

السٌّمعَة : 65

بلد العضو :

العمر : 20

معاينة صفحة البيانات الشخصي للعضوhttp://www.anjezweb.com/
تمت المشاركة في الثلاثاء نوفمبر 22, 2016 8:57 pm
طرح مميز شكرا لك
التوقــيـــــــــــــــــــــع

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

avatar
بصمة خالدة
الجنس : انثى

السمك

عدد المساهمات : 125431

نقاط النشاط : 140989

السٌّمعَة : 2956

بلد العضو :

العمر : 31



معاينة صفحة البيانات الشخصي للعضوhttp://taqnyiat.ahlamontada.com/
تمت المشاركة في السبت يناير 28, 2017 11:42 pm
#تقنية_تكويد
#تعلم_تكويد
#برمجه_احلى_منتدى
#طور_منتداك
يعطيك العافية على العطاء
 واصل تالقك
التوقــيـــــــــــــــــــــع



رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

avatar
نائب الادارة

الجنس : ذكر

السمك

عدد المساهمات : 22792

نقاط النشاط : 23610

السٌّمعَة : 104

بلد العضو :

العمر : 16

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة فبراير 17, 2017 1:53 pm
يعطيك العافية
التوقــيـــــــــــــــــــــع


يا رب ان كان هناك حاسدا يكره أن يرانى سعيدا فأرزقه سعادة تنسيه أمر سعادتى
وردة حمراءوردة حمراء

رد: كود جافا اظهار الأعضاء المنضمين للمجموعه على الرئيسية

avatar
بصمة خالدة
الجنس : ذكر

القوس

عدد المساهمات : 34031

نقاط النشاط : 35985

السٌّمعَة : 84

بلد العضو :

العمر : 31

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الثلاثاء مارس 21, 2017 1:16 am
بارك الله بيك
واصل
التوقــيـــــــــــــــــــــع
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads