Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[Edge] Afficher la prévisualisation des groupes


2 participants

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

chrisnvidia
chrisnvidia
https://sos-pc.forumactif.org/

Messagechrisnvidia Mer 2 Oct 2019 - 19:43

  • Version du forum :
    Edge
  • Templates modifiés :
    oui
  • Navigateur :
    Firefox
coucou  Phil

Dit moi je recherche l'astuce pour afficher prévisualisation des groupes comme ceci ;

[Edge] Afficher la prévisualisation des groupes Affich10

Je sais qu'avant tu avais le script mais là je le retrouve plus oups1

Merci d'avance pour ton aide clin oeil


Dernière édition par chrisnvidia le Mer 2 Oct 2019 - 19:56, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 2 Oct 2019 - 19:49

Coucou Chris,
l'astuce a dû passer à la trappe lors que j'avais décidé de supprimer le fofo!!
Bref, la voici:

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Coches sur l'index.

Déposes ceci:
Code:

$(function() {
    if (_userdata["user_id"] >= (0)){
          var max_users = 10, // max number of users
       
              // language data
              lang = {
                view_group : 'Voir 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') !== 'cache') {
                if (groupsinfo[groupId] != undefined) {
                  origin.tooltipster('content', groupsinfo[groupId]).data('ajax', 'cache');
                } 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', 'cache');
                  });
                }
              }
            }
          });
       
          $('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>'
          );
}
        });


Penses a cliquer sur le bouton Valid
chrisnvidia
chrisnvidia
https://sos-pc.forumactif.org/

Messagechrisnvidia Mer 2 Oct 2019 - 19:56

Merci mon loulou impec
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Mer 2 Oct 2019 - 20:05

De rien Chris,


Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

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