[EDGE] Afficher la prévisualisation des groupes

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello les ami(e)s,

l'astuce est présente aussi sur ce forum, il suffit de survoler les groupes en bas de page sur l'index afin de voir le résultat.

Comme la plupart des scripts viennent du support EDGE, cette dernière restera visible mais un merci sera
toujours apprécié car la traduction a été effectuée par mes soins:


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur l'index


Déposez ceci:
Code:

$(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 : 'Afficher le groupe complet',
                loading : 'Patientez...',
                view_err : 'Les données du groupe n\'ont pas pu être récupérées.'
              },
       
              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>'
          );
        });


Pensez a cliquer sur le bouton Valider


Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide clin oeil
https://www.milouze14.com/f108-entraide-tous-supports



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum