Anniversaire Frenchnerd

• en savoir plus •
Suivez-nous 2.0

Calendrier Event
Juin 2017
LunMarMerJeuVenSamDim
   1234
567891011
12131415161718
19202122232425
2627282930  

Calendrier Calendrier

JukeboxBobby
Jukebox du FFF
jukeboxV2
Jukebox du FFF
Qui est en ligne ?
Il y a en tout 1 utilisateur en ligne :: 0 Enregistré, 0 Invisible et 1 Invité

Aucun

Le record du nombre d'utilisateurs en ligne est de 12 le Mer 6 Jan - 1:26
Liens Frenchnerd
Frenchnerd Le site du Visiteur du Futur Les opérateurs
Amis Fans
Frenchnerd's Nerd Futuristes Le Blog du Futur
Web-séries
NONSERIE Les Souverains Boxer Boxer SLG La petite maison dans l'âprerie
Goodies FFF
Goodies du FFF
Car2

Concours RM

• en savoir plus •

Pagination mobile

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

Pagination mobile

Message par Admin le Mer 21 Jan - 10:39

Ajoute une pagination sur la version mobile.

JS à mettre sur les sujets:
Code:
        $(function() {
          var perpage = 15, // nombre de messages avant l'ajout d'une nouvelle page
          p = document.getElementsByTagName('P'), l = window.location.pathname, current, last, tid = l.replace(/\/t(\d+).*/,'$1'), tname = l.replace(/(\/t\d+|\/t\d+p\d+)(-.*)/,'$2'), style = document.createElement('STYLE'), css = '.pagi {height:auto;color:#FFF;position:static;margin:2px}.pagactif{color:#FF8;cursor:default}.scroller{position:absolute;width:18px;height:28px;cursor:pointer}.left.scroller{background:url(http://illiweb.com/fa/mobile/inner-left-arrow.png) no-repeat center #444;left:65px}.right.scroller{background:url(http://illiweb.com/fa/mobile/inner-right-arrow.png) no-repeat center #444;right:65px}', i,j;
     
          if (typeof _userdata.page_desktop === 'undefined') return;
          style.type = 'text/css';
          if (style.styleSheet) style.styleSheet.cssText = css;
          else style.appendChild(document.createTextNode(css));
          document.getElementsByTagName('HEAD')[0].appendChild(style);
     
          for (i=0; i<p.length; i++) {
              if (/mobile_title_content/.test(p[i].className)) {
                current = Number(p[i].innerHTML.replace(/.* <strong>(\d+)<\/strong> .* <strong>\d+<\/strong>/i,'$1'));
                last = Number(p[i].innerHTML.replace(/.* <strong>\d+<\/strong> .* <strong>(\d+)<\/strong>/i,'$1'));
              }
          }
     
          if (last >= current) {
              var b = document.getElementsByTagName('DIV'), title = document.createElement('DIV'), cen = document.createElement('DIV'), left = document.createElement('DIV'), right = document.createElement('DIV'), c = 1, d = 0;
              title.className = 'mobile_title', left.className = 'left scroller', right.className = 'right scroller', cen.className = 'mobile_title_content', cen.setAttribute('style','left:85px;right:85px;text-overflow:clip;line-height:26px;');
              for (j=0; j<b.length; j++) if (/mobile_title/.test(b[j].className) && /\d+/.test(b[j].nextSibling.id)) b[j].parentNode.insertBefore(title,b[j].nextSibling);
              title.appendChild(cen), title.appendChild(left), title.appendChild(right);
       
              left.onmousedown = function() { cen.scrollLeft -= 100 };
              right.onmousedown = function() { cen.scrollLeft += 100 };
     
              while (d < 2) {
                if (d == 0 && current > 1) newPage('mobile_prev_button block', '<p>Début</p>', '/t' + tid + tname, title);
                else if (d == 1 && current != last) newPage('mobile_next_button block', '<p>Fin</p>', '/t' + tid + 'p' + Number(perpage * last - perpage) + tname, title);
                d += 1;
              } while (last + 1 > c) {
                if (c == current) newPage('mobile_next_button block pagi pagactif', c, 'javascript:void(0);', cen, 'currentPage');
                else newPage('mobile_next_button block pagi', c, '/t' + tid + 'p' + Number(perpage * c - perpage) + tname, cen);
                c += 1;
              }
              cen.scrollLeft = document.getElementById('currentPage').offsetLeft;
          }
          function newPage(classname, html, href, par, id) {var page = document.createElement('A'); page.className = classname, page.innerHTML = html, page.href = href, par.appendChild(page); if (id) page.id = id}
        });
NB: C'est entré en conflit avec la toolbar personnalisée, je l'ai donc temporairement désactivée.

avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Tuto pour voir la version mobile du forum sur PC

Message par Admin le Mer 21 Jan - 10:49

Fonctionne pour Chrome!
Il suffit  pour cela de lancer le débuggeur du navigateur (généralement la touche f12) puis appuyer sur le bouton à côté de la loupe, recharger la page et voilà!

Tuto en image (après avoir fait f12 pour démarrer le debuggeur):

Comme vous pouvez le voir, vous pouvez aussi choisir le modèle de smartphone:

Une fois la page actualisée, le curseur va se transformer en un rond noir, qui va en fait simuler votre doigt sur l'écran du smartphone.


C'est tout pour ce tuto!


Dernière édition par Admin le Ven 23 Jan - 11:44, édité 1 fois
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Pagination mobile

Message par yao le Ven 23 Jan - 11:05

Je suis sur Firefox et, quand je lance le debugger, je ne vois pas où se trouve le "bouton" mobile Surprised
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Pagination mobile

Message par Admin le Ven 23 Jan - 11:42

Mh...effectivement, pour Firefox il semblerait qu'il faille un add-on, si tu veux pas te compliquer la vie, fait avec chrome^^
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Pagination mobile

Message par yao le Ven 23 Jan - 11:47

OK, j'essaierai de faire ça cet après-midi ^^
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Pagination mobile

Message par yao le Ven 23 Jan - 13:28

Bon, j'ai été sur Google Chrome, je fais F12, je mets l'affichage de smartphone. Jusque là, tout va bien mais lorsque je fais une actualisation F5, y'a rien qui change Surprised
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Pagination mobile

Message par yao le Ven 23 Jan - 13:34

Bon, j'ai finalement testé directement sur mon smartphone est c'est bien.
Après, je ne vois pas ce que c'était l'ancienne version donc je ne comprends pas bien les changements qu'il y a eu ^^
avatar
yao

Messages : 76
Date d'inscription : 19/08/2014
Age : 32

Revenir en haut Aller en bas

Re: Pagination mobile

Message par Admin le Lun 26 Jan - 16:27

AHWhy (le retour) : Houla il y a de gros bugs sur firefox !

J'utilise Firebug pour ça ^^

Bref, faudra penser à mettre des conditions sur les navigateurs ^^
avatar
Admin
Admin

Messages : 81
Date d'inscription : 06/02/2011
Age : 6

http://essaifff.forumactif.fr

Revenir en haut Aller en bas

Re: Pagination mobile

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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