[EDGE] Afficher la liste des membres par ordre alphabétique

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,

je pense que le titre est assez explicite , un doute ?

Cliquez ici:

http://milouze.1fr1.net/memberlist

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 toutes les pages.
Déposez ceci:

Code:
if (/\/memberlist/.test(window.location.href)) {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t479-alphabet-search-bar-for-the-memberlist#5995';
       
          $(function() {
            window.fa_alphabar = {
              // position of the bar ; 'top', 'left', 'bottom', or 'right'
              position : 'top',
       
              presets : ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'],
       
              bar : $('<div id="memberlist_alphabar" />')[0], // creates the preset bar
       
              list : $('form[action="/memberlist"]')[0].nextSibling, // memberlist
       
              // sort the memberlist by the letter that was chosen
              change : function(that) {
                if (that.id != 'alphabar_actif') {
                  var actif = document.getElementById('alphabar_actif');
                  if (actif) actif.id = '';
                  that.id = 'alphabar_actif';
       
                  $.get(that.href, function(d) {
                    fa_alphabar.list.parentNode.innerHTML = $('form[action="/memberlist"]', d).parent().html();
                    fa_alphabar.list = $('form[action="/memberlist"]')[0].nextSibling;
       
                    if (document.getElementById('ipbwrapper')) fa_alphabar.list = fa_alphabar.list.nextSibling;
                    fa_alphabar.insertBar();
                  });
                }
              },
       
              // inserts the preset bar
              insertBar : function() {
                fa_alphabar.bar.className = 'alphabar_' + fa_alphabar.position;
                fa_alphabar.list.className += ' alphalist_' + fa_alphabar.position;
                fa_alphabar.list.parentNode.insertBefore(fa_alphabar.bar, fa_alphabar.position.toLowerCase() == 'bottom' ? fa_alphabar.list.nextSibling : fa_alphabar.list);
       
                /left|right/i.test(fa_alphabar.position) && fa_alphabar.list.insertAdjacentHTML('afterend', '<div class="clear"></div>');  // clear floats for left and right positions
              }
       
            };
       
            if (fa_alphabar.list) {
              // put together the alphabar
              for (var i = 0, j = fa_alphabar.presets.length, newRow = /left|right/i.test(fa_alphabar.position), htmlStr = '<table><tbody>' + (newRow ? '' : '<tr>'); i < j; i++) {
                htmlStr += (newRow ? '<tr>' : '') + '<td><a href="/memberlist?mode=lastvisit&order=DESC&submit=Ok&username=' + fa_alphabar.presets[i] + '" ' + ( new RegExp('username=' + fa_alphabar.presets[i].replace(/[.*+?^${}()|[\]\\]/g, "\\$&") + '(?:$|&)').test(window.location.search) ? 'id="alphabar_actif"' : '' ) + ' onclick="fa_alphabar.change(this); return false;">' + fa_alphabar.presets[i] + '</a></td>' + (newRow ? '</tr>' : '');
              }
       
              fa_alphabar.bar.innerHTML = htmlStr + (newRow ? '' : '</tr>') + '</tbody></table>';
       
              if (document.getElementById('ipbwrapper')) fa_alphabar.list = fa_alphabar.list.nextSibling;
              fa_alphabar.insertBar();
            }
          });
       
          document.write('<style type="text/css">#memberlist_alphabar table{font-size:24px;line-height:30px;font-family:arial,sans-serif;text-align:center;background:#CCC;border-spacing:1px;margin:10px 0;width:100%}#memberlist_alphabar td{width:20px;background:#EEE}#memberlist_alphabar a{text-decoration:none!important}a#alphabar_actif{color:inherit}.alphabar_left,.alphabar_right{width:3%;margin:1%}.alphalist_left,.alphalist_right{clear:none;width:90%;margin:1%}.alphabar_left{float:left}.alphabar_right,.alphalist_left{float:right}.alphalist_right{float:left}</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





clost
avatar
Membre

Messageclost

  • 16px
  • 24px
  • Zoom
merci Philippe, du trés beau rendu et simple !!  coucou
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Chris clin oeil , il est vrai que ce pluggin est vraiment superbe hinhin



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

Fondateur des forums





photoclic
avatar
Membre

Messagephotoclic

  • 16px
  • 24px
  • Zoom
Merci Philippe.
Et ça marche aussi en PHPBB3.
super
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
De rien Serge et merci pour la remontée clin oeil



-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