Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Page 1 sur 3 1, 2, 3  Suivant

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

En cours Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 7 Nov 2016 - 16:56

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Opera
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://altitudetropicale.forums-actifs.com/index.forum

Description du problème

Bonjour à tous,
J'utilise sur le forum un système de pagination concocté par Ea qui permet de segmenter du texte ou des suites d' images en plusieurs parties.

Voici le tutoriel :
http://forum.forumactif.com/t355762-pagination-dans-un-message?highlight=pagination

L'utilisation de ce système a été motivé par le fait qu'il permet de différer le chargement des images pour ceux qui ont une connexion défaillante.

Mes membres étant un peu fainéants (comme tous les membres des diverses communautés Clin d\'oeil ), j'ai eu dans l'idée d'automatiser le système. jusqu'ici, je m'occupai de l'édition du message et de l'apposition de la balise vu que personne ne se donnait la peine de le faire.

Résultat : l'administrateur essaye lui aussi de pouvoir faire preuve de fainéantise en automatisant le système Siffleur .

Avec l'aide de Milouze14, nous en sommes arrivé à ce js qui permet de donner une id aux images et qui positionne le bbcode page après une séquence de 6 images

Voici le js dans son intégralité :

Code:
$(function() {
   $('div.postbody').each(function() {
      $(this).find('div').first().find('img:not("[longdesc]")').attr('id', function(img) {
         return 'M14_img_' + img;
      })
   });
   $('img[id^="M14_img"]').unwrap();
});

$(function() {
   $('div.postbody').each(function() {

$(this).find('img[id^="M14_img"]').length;
$(this).find('img[id="M14_img_0"]').before('<div> ');
$(this).find('img[id="M14_img_6"]').before('[page]');
$(this).find('img[id="M14_img_12"]').before('[page]');
$(this).find('img[id="M14_img_18"]').before('[page]');
$(this).find('img[id="M14_img_24"]').before('[page]');
$(this).find('img[id="M14_img_30"]').before('[page]');
$(this).find('img[id^="M14_img"]:last').after('</div>');


   });
});

Tout fonctionne à merveille hormis sur ces deux lignes du js
Code:
$(this).find('img[id="M14_img_0"]').before('<div> ');
et
Code:
$(this).find('img[id^="M14_img"]:last').after('</div>');

L'apposition de la div a été motivée pour isoler la partie paginée du reste du message qui n'a pas à subir de pagination. Avec le système actuel (juste le js de Ea), j'édite le message , j'appose le bbcode page et j'entoure le tout avec un quote pour isoler la séquence à paginer.

En l'état ,ce nouveau js appose bien l'ouverture et la fermeture mais n'arrive pas à l' interpréter.

On a essayé avec du bbcode (balise center ou quote) et du html mais le résultat à été identique.

Dans le js d'Ea, le contenu du postbody est entouré par une div :
Code:
<div class="postpage"></div>
ce qui explique trés certainement la difficulté de cloisonner la séquence contenant les images.

Une démo sera peu être plus parlante
http://altitudetest.forumactif.com/t91-essai-post-photos

sur le premier message nous avons :
- du texte qui ne doit pas être paginé
- la partie paginée constituée par des images avec du texte
- du texte qui ne doit pas être paginé

Afin que cela soit parlant, j'ai installé le bbcode center à la place de la div pour que vous puissiez voir le bbcode affiché en brut et, qui n'est pas interprété.

En faisant fonctionner le système de pagination, vous verrez que le texte du haut et celui du bas font partie intégrante de ce qui est paginé.

Ma question : est-il possible de modifier le script de Ea pour qu'il n'agisse qu'au niveau de la séquence contenant les image auxquelles on a attribué une id ? .


Merci par avance à celles et ceux qui s'intéresseront au sujet.



Dernière édition par demeter1 le Mar 15 Nov 2016 - 14:16, édité 4 fois
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 8 Nov 2016 - 16:31

un petit up; je vois que cela intéresse pas mal de monde.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Jeu 10 Nov 2016 - 18:38

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 14 Nov 2016 - 22:20

J'avance tout doucement. je suis arrivé à faire en sorte que la balise center soit prise en compte ; le texte placé avant la pagination est bien pris en compte comme étant séparé de ce qui est paginé

Il subsiste cependant un soucis :je suis arrivé à coder la fermeture de la balise mais impossible d'indiquer comment l'apposer juste après la derniére image. le script est paramétré pour 30 images mais s'il y en a 12 ou 15 par exemple, le texte placé après est inclus dans la pagination.

Voici le script cumulé à celui de Ea


Code:
document.addEventListener('DOMContentLoaded', function () {
    var a, b, c, d, e,f, last, l, postbody = document.getElementsByClassName('postbody');
    for (l = 0; l < postbody.length; l++) {
        a = postbody[l];
        b = a.getElementsByTagName('img');
        last = b[b.length - 1].parentNode.nodeName == 'A' ? b[b.length - 1].parentNode : b[b.length - 1];
        for (c = 0; c < b.length; c++) {
         
            d = b[c];
            e = a.innerHTML;
            f = d.parentNode.nodeName == 'A' ? d.parentNode : d;
            (!d.hasAttribute('longdesc') && d.src.indexOf('smiles') == -1) && (d.id = 'M14_img_' + c);
            (b.length > 1 && /M14_img_0/.test(d.id)) && (f.insertAdjacentHTML('beforebegin', '[center]'));
            /M14_img_6/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_12/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_18/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_24/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_30/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            (b.length > 1 && last.id.indexOf('M14_img_') != -1 )&& (last.insertAdjacentHTML('afterend', '[/center]'));
            e.match(/\[center\]/g) && (a.innerHTML = e.replace(/\[center\]/, '<center>'));
            e.match(/\[\/center\]g/) && (a.innerHTML = e.replace(/\[\/center\]/, '</center>'));
        }
    }
});
document.addEventListener('DOMContentLoaded', function () {
  var x= "div.postbody";
  if($("#text_editor_textarea").length && $.sceditor) {
    $(function() {
      if(!$("#text_editor_textarea").sceditor("instance")) {
        return
      }
      $('<a class="sceditor-button" unselectable="on" title="Page"><div unselectable="on" style="background:url(http://i.imgur.com/a3RgTJc.gif);opacity:1">Page</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
        $("#text_editor_textarea").sceditor("instance").insertText("[page]")
      })
    })
  }
  var c, y, g = function(a) {
    var b;
    a = document.createElement(a);
    b = "getComputedStyle" in window;
    document.body.appendChild(a);
    b = (b ? window.getComputedStyle(a, "") : a.currentStyle).display;
    document.body.removeChild(a);
    return b
  }, t = function(o) {
    if(o.tagName == "CODE") {
      return
    }
    if(!o.hasChildNodes()) {
      return
    }
    var a = 0;
    var p = [0];
    var i;
    for(i = 0;i < o.childNodes.length;i++) {
      c = o.childNodes[i];
      if(c.nodeType == 1) {
        p.push(c);
        t(c)
      }else {
        if(c.nodeType == 3 && c.nodeValue.indexOf("[page]") != -1) {
          while((y = c.nodeValue.indexOf("[page]")) != -1) {
            if(y != 0) {
              p.push(document.createTextNode(c.nodeValue.substr(0, y)))
            }
            p.push(0);
            a++;
            c.nodeValue = c.nodeValue.substr(y + 6)
          }
          p.push(c)
        }else {
          p.push(c)
        }
      }
    }
    if(a == 0) {
      return
    }
    var b = g(o.tagName) == "block";
    for(i = 0;i < p.length;i++) {
      if(p[i] === 0) {
        y = document.createElement(b ? "DIV" : "SPAN");
        y.className = "postpage";
        o.appendChild(y)
      }else {
        y.appendChild(p[i])
      }
    }
    $("> .postpage", o).not(":first").hide();
    y = document.createElement(b ? "DIV" : "SPAN");
    y.className = "postpagination";
    $(y).append('<span class="pp_current">1</span><span>2</span>');
    if(a > 1) {
      $(y).append("<span>... " + (a + 1) + "</span>")
    }
    if(b) {
      $(y).append('<span class="pp_next">Suivant</span><span class="pp_all">Voir tout</span>')
    }else {
      $(y).append('<span class="pp_next"></span>')
    }
    o.appendChild(y);
    $(y).on("click", "span", function() {
      if($(this).hasClass("pp_all")) {
        $(this).parent().parent().children().show();
        $(this).parent().remove();
        return
      }
      var pagin = $(this).parent();
      var num = parseInt($(".pp_next", pagin).prev().text().replace(/ ?\.\.\. ?/, ""));
      var cur = parseInt($(".pp_current", pagin).text().replace(/ ?\.\.\. ?/, ""));
      if($(this).hasClass("pp_next")) {
        cur += 1
      }else {
        cur = parseInt($(this).text().replace(/ ?\.\.\. ?/, ""))
      }
      if(cur < 1) {
        cur = 1
      }else {
        if(cur > num) {
          cur = num
        }
      }
      $(".pp_next", pagin).prevUntil().remove();
      if(cur < num - 1) {
        $(pagin).prepend("<span>... " + num + "</span>")
      }else {
        if(cur == num) {
          $(pagin).prepend('<span class="pp_current">' + num + "</span>")
        }
      }
      if(cur < num) {
        $(".pp_next", pagin).show();
        $(pagin).prepend('<span class="pp_current">' + cur + "</span><span>" + (cur + 1) + "</span>")
      }else {
        $(".pp_next", pagin).hide()
      }
      if(cur > 1) {
        $(pagin).prepend("<span>" + (cur - 1) + "</span>");
        if(cur > 2) {
          $(pagin).prepend("<span>1 ...</span>")
        }
      }
      $(".postpage", $(pagin).parent()).hide();
      $(".postpage", $(pagin).parent()).eq(cur - 1).show()
    })
  };
  $(x).each(function() {
    t(this)
  })
});

Merci par avance à celle ou celui qui me viendra en aide.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 15 Nov 2016 - 21:07

un petit up au cas ou un codeur chevronné serait en capacité de m'aider pour ce dernier point.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mer 16 Nov 2016 - 20:08

un up de désespoir
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Jeu 17 Nov 2016 - 20:47

Un up de lamentation
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Ven 18 Nov 2016 - 20:13

Help Noel Mars appelle la terre shakng2
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Sam 19 Nov 2016 - 19:31

un up de Vénus.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 21 Nov 2016 - 15:03

remonte petit topic
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 22 Nov 2016 - 20:31

un up de formalité. Qui sait si quelqu'un est à même de résoudre ce soucis de js. L'avenir nous le dira.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Jeu 24 Nov 2016 - 15:19

Voulez vous up avec moi Flowers2
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Ven 25 Nov 2016 - 19:57


up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Sam 26 Nov 2016 - 18:22

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 28 Nov 2016 - 14:16

remonte petit topic.
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 29 Nov 2016 - 15:32

UP
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Ven 2 Déc 2016 - 13:37

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Dim 4 Déc 2016 - 10:59

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 5 Déc 2016 - 14:16

UP
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 6 Déc 2016 - 17:54

Up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mer 7 Déc 2016 - 17:11

UP (1 mois de détention pour ce script Sad )
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par ZYVHK le Mer 7 Déc 2016 - 17:54

Hello o/
Du coup, avez-vous bien modifié ces deux lignes suivantes

Code:
$(this).find('img[id="M14_img_0"]').before('<div> ');
et
Code:
$(this).find('img[id^="M14_img"]:last').after('</div>');

par

Code:
$(this).find('img[id="M14_img_0"]').prepend('<div> ');
et
Code:
$(this).find('img[id^="M14_img"]:last').append('</div>');

ou cela ne change rien ?
avatar

ZYVHK
***

Messages : 132
Inscrit(e) le : 05/03/2016

http://www.arcadia-forum.com
ZYVHK a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Jeu 8 Déc 2016 - 14:00

Bonjour ZYVHK,
merci pour cette aide.

Le script à évolué depuis mon premier sujet.

Avec celui-ci, un texte déposé avant la pagination est bien isolé de ce qui doit être paginé.

le soucis, c'est que j'ai paramétré le script pour qu'il agisse sur 30 images mais ,j'aimerai qu'il agisse également si ce nombre est inférieur.

En l'état, un texte déposé après la derniére image est inclus dans la pagination.

Voici le dernier js en date
Code:
document.addEventListener('DOMContentLoaded', function () {
    var a, b, c, d, e,f, last, l, postbody = document.getElementsByClassName('postbody');
    for (l = 0; l < postbody.length; l++) {
        a = postbody[l];
        b = a.getElementsByTagName('img');
        last = b[b.length - 1].parentNode.nodeName == 'A' ? b[b.length - 1].parentNode : b[b.length - 1];
        for (c = 0; c < b.length; c++) {
         
            d = b[c];
            e = a.innerHTML;
            f = d.parentNode.nodeName == 'A' ? d.parentNode : d;
            (!d.hasAttribute('longdesc') && d.src.indexOf('smiles') == -1) && (d.id = 'M14_img_' + c);
            (b.length > 1 && /M14_img_0/.test(d.id)) && (f.insertAdjacentHTML('beforebegin', '[center]'));
            /M14_img_6/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_12/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_18/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_24/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            /M14_img_30/.test(d.id) && (f.insertAdjacentHTML('beforebegin', '[page]'));
            (b.length > 1 && last.id.indexOf('M14_img_') != -1 )&& (last.insertAdjacentHTML('afterend', '[/center]'));
            e.match(/\[center\]/g) && (a.innerHTML = e.replace(/\[center\]/, '<center>'));
            e.match(/\[\/center\]g/) && (a.innerHTML = e.replace(/\[\/center\]/, '</center>'));
        }
    }
});
document.addEventListener('DOMContentLoaded', function () {
  var x= "div.postbody";
  if($("#text_editor_textarea").length && $.sceditor) {
    $(function() {
      if(!$("#text_editor_textarea").sceditor("instance")) {
        return
      }
      $('<a class="sceditor-button" unselectable="on" title="Page"><div unselectable="on" style="background:url(http://i.imgur.com/a3RgTJc.gif);opacity:1">Page</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
        $("#text_editor_textarea").sceditor("instance").insertText("[page]")
      })
    })
  }
  var c, y, g = function(a) {
    var b;
    a = document.createElement(a);
    b = "getComputedStyle" in window;
    document.body.appendChild(a);
    b = (b ? window.getComputedStyle(a, "") : a.currentStyle).display;
    document.body.removeChild(a);
    return b
  }, t = function(o) {
    if(o.tagName == "CODE") {
      return
    }
    if(!o.hasChildNodes()) {
      return
    }
    var a = 0;
    var p = [0];
    var i;
    for(i = 0;i < o.childNodes.length;i++) {
      c = o.childNodes[i];
      if(c.nodeType == 1) {
        p.push(c);
        t(c)
      }else {
        if(c.nodeType == 3 && c.nodeValue.indexOf("[page]") != -1) {
          while((y = c.nodeValue.indexOf("[page]")) != -1) {
            if(y != 0) {
              p.push(document.createTextNode(c.nodeValue.substr(0, y)))
            }
            p.push(0);
            a++;
            c.nodeValue = c.nodeValue.substr(y + 6)
          }
          p.push(c)
        }else {
          p.push(c)
        }
      }
    }
    if(a == 0) {
      return
    }
    var b = g(o.tagName) == "block";
    for(i = 0;i < p.length;i++) {
      if(p[i] === 0) {
        y = document.createElement(b ? "DIV" : "SPAN");
        y.className = "postpage";
        o.appendChild(y)
      }else {
        y.appendChild(p[i])
      }
    }
    $("> .postpage", o).not(":first").hide();
    y = document.createElement(b ? "DIV" : "SPAN");
    y.className = "postpagination";
    $(y).append('<span class="pp_current">1</span><span>2</span>');
    if(a > 1) {
      $(y).append("<span>... " + (a + 1) + "</span>")
    }
    if(b) {
      $(y).append('<span class="pp_next">Suivant</span><span class="pp_all">Voir tout</span>')
    }else {
      $(y).append('<span class="pp_next"></span>')
    }
    o.appendChild(y);
    $(y).on("click", "span", function() {
      if($(this).hasClass("pp_all")) {
        $(this).parent().parent().children().show();
        $(this).parent().remove();
        return
      }
      var pagin = $(this).parent();
      var num = parseInt($(".pp_next", pagin).prev().text().replace(/ ?\.\.\. ?/, ""));
      var cur = parseInt($(".pp_current", pagin).text().replace(/ ?\.\.\. ?/, ""));
      if($(this).hasClass("pp_next")) {
        cur += 1
      }else {
        cur = parseInt($(this).text().replace(/ ?\.\.\. ?/, ""))
      }
      if(cur < 1) {
        cur = 1
      }else {
        if(cur > num) {
          cur = num
        }
      }
      $(".pp_next", pagin).prevUntil().remove();
      if(cur < num - 1) {
        $(pagin).prepend("<span>... " + num + "</span>")
      }else {
        if(cur == num) {
          $(pagin).prepend('<span class="pp_current">' + num + "</span>")
        }
      }
      if(cur < num) {
        $(".pp_next", pagin).show();
        $(pagin).prepend('<span class="pp_current">' + cur + "</span><span>" + (cur + 1) + "</span>")
      }else {
        $(".pp_next", pagin).hide()
      }
      if(cur > 1) {
        $(pagin).prepend("<span>" + (cur - 1) + "</span>");
        if(cur > 2) {
          $(pagin).prepend("<span>1 ...</span>")
        }
      }
      $(".postpage", $(pagin).parent()).hide();
      $(".postpage", $(pagin).parent()).eq(cur - 1).show()
    })
  };
  $(x).each(function() {
    t(this)
  })
});
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Ven 9 Déc 2016 - 19:58

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Lun 12 Déc 2016 - 15:17

un petit up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mer 14 Déc 2016 - 18:48

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Ven 16 Déc 2016 - 17:30

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Sam 17 Déc 2016 - 19:49

UP
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Mar 20 Déc 2016 - 19:31

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

En cours Re: Pagination automatique sur les images (script fonctionnel sauf sur un pointl)

Message par demeter1 le Jeu 22 Déc 2016 - 17:31

up
avatar

demeter1
Membre actif

Masculin
Messages : 8346
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 3 1, 2, 3  Suivant

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


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