pagination dans un message

4 participants

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

Résolu pagination dans un message

Message par flo la bleue Dim 18 Aoû 2013 - 11:09

J'ai tenté d'intégrer la pagination des messages suivant l'astuce  => https://forum.forumactif.com/t355762-

aucun bouton ne s'affiche sur l'éditeur de message

je n'ai pas trouvé ma solution dans l'autre message que j'ai trouvé qui posait la question

j'ai regardé mon javascript qui me semble bien être comme il est dit dans l'astuce, donc, le souci doit se trouver au niveau du css

voici ce que j'ai :

Code:
body {font-family: 'Happy Monkey', cursive;font-size: 14px; "}
#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
 
#quick_reply #textarea_content{
  width: 800px !important;
  display: table;
}
 
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
.postpagination span {
    float: left;
    display: inline;
    margin-left: 4px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid;
    border-color: #C2D5E3;
    background-color: #FFF;
    background-repeat: no-repeat;
    color: #333;
    overflow: hidden;
    text-decoration: none;
    margin: 0 4px 0 0;
    line-height: 26px;
    cursor: pointer;
    font-weight: normal;
}
.postpagination span:hover {
    border-color: #369;
    color: #369;
}
.postpagination span.pp_current {
    background-color: #E5EDF2;
    border-color: #C2D5E3;
    color: #333;
    font-weight: bold;
}
.postpagination {
    display: block;
    font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
}
.postpagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.postpagination { margin: 10px 0 }
span.postpagination span {
    float: none;
    padding: 0 4px;
    font-size: 0.8em;
    margin: 0 2px 0 0;
}
.postpagination span.pp_next {
    padding-right: 25px;
    background-image: url(http://i.imgur.com/2C4dvL5.gif);
    background-position: 90% 50%;
}
span.postpagination span.pp_next {
    padding-right: 12px;
    background-position: 90% 50%;
}
merci d'avance pour votre aide


Dernière édition par flo la bleue le Sam 31 Aoû 2013 - 19:27, édité 1 fois
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Dim 18 Aoû 2013 - 11:11

Bonjour,

Quel version avez vous ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Lun 19 Aoû 2013 - 19:23

la version de mon forum ?
c'est marqué sur mon profil Smile : pbBB3
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Lun 19 Aoû 2013 - 19:52

Peut tu me montrer ton JavaScript ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Ven 23 Aoû 2013 - 6:22

voici le javascript :

Code:
$(function() {
  var x= "div.postbody .content > div";
  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

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Ven 23 Aoû 2013 - 12:12

Essayé avec ça :

Code:
$(function() {
  var x= "div.postbody .content";
  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)
  })
});
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Ven 23 Aoû 2013 - 18:38

Après essai du nouveau javascript : rien de changé
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Ven 23 Aoû 2013 - 18:40

Et avec ce CSS :
Code:
.postpagination span {
    float: left;
    display: inline;
    margin-left: 4px;
    padding: 0 8px;
    height: 26px;
    border: 1px solid;
    border-color: #C2D5E3;
    background-color: #FFF;
    background-repeat: no-repeat;
    color: #333;
    overflow: hidden;
    text-decoration: none;
    margin: 0 4px 0 0;
    line-height: 26px;
    cursor: pointer;
    font-weight: normal;
}
.postpagination span:hover {
    border-color: #369;
    color: #369;
}
.postpagination span.pp_current {
    background-color: #E5EDF2;
    border-color: #C2D5E3;
    color: #333;
    font-weight: bold;
}
.postpagination {
    display: block;
    font: 12px/1.5 Tahoma,Helvetica,'SimSun',sans-serif;
}
.postpagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
div.postpagination { margin: 10px 0 }
span.postpagination span {
    float: none;
    padding: 0 4px;
    font-size: 0.8em;
    margin: 0 2px 0 0;
}
.postpagination span.pp_next {
    padding-right: 25px;
    background-image: url(http://i.imgur.com/2C4dvL5.gif);
    background-position: 90% 50%;
}
span.postpagination span.pp_next {
    padding-right: 12px;
    background-position: 90% 50%;
}
Pouvez-vous me donner le lien de votre pagination ?
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par FANCH 56 Ven 23 Aoû 2013 - 19:06

Bonsoir

Essaie avec ce java script.

Il manque un div" dans celui d'alexandre

SECUNDO : as-tu essayé avec un autre navigateur, je vois que tu es sous chrome

Code:
$(function() {
          var x= "div.postbody .content > div";
          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)
          })
        });
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Sam 24 Aoû 2013 - 7:52

merci pour votre aide mais toujours rien

oui je sur Chrome car c'est le navigateur que j'utilise depuis des années maintenant et je le préfère Wink
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par FANCH 56 Sam 24 Aoû 2013 - 8:40

Peut-on avoir accès à un forum en tant qu'invité. Actuellement le forum est en maintenance.
FANCH 56

FANCH 56
Membre actif

Masculin
Messages : 13259
Inscrit(e) le : 25/07/2005

https://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Sam 24 Aoû 2013 - 8:48

Salut flo la bleue,
modifies simplement ceci:

Code:

body {font-family: 'Happy Monkey', cursive;font-size: 14px; "}
Il y a une " inutile Wink 
Par:
Code:

body {font-family: 'Happy Monkey', cursive;font-size: 14px; }
Puis ceci:
Code:

div.postpagination { margin: 10px 0 }
Tu as oublié le point virgule pour la fermeture Wink 

Par:
Code:
div.postpagination { margin: 10px 0 ;}

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Sam 24 Aoû 2013 - 9:39

Normalement si tu es sur PHPBB3 tu doit mettre ce code JavaScript :
Code:
$(function() {
  var x= "div.postbody .content";
  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)
  })
});
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité Sam 24 Aoû 2013 - 9:48

Salut alexandre385 ,
pour la version phpbb3 , c'est ce javascript:
Code:

        $(function() {
          var x= "div.postbody .content > div";
          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)
          })
        });

De plus son soucis venait de sa C.S.S Wink  .

a++
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Sam 24 Aoû 2013 - 14:24

Milhouze, j'ai bien modifié tout et merci pour le " en trop Wink
mais rien n'y fait
le forum était effectivement en maintenance ce matin Wink
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Scoubifitz Sam 24 Aoû 2013 - 15:00

bonjour,

avez vous coché "sur toutes les pages" pour le placement du script ?
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Sam 24 Aoû 2013 - 19:34

oui, j'ai bien coché "sur toutes les pages
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Mer 28 Aoû 2013 - 20:48

bon et bien, il semble que personne n'ait de solution à mon problème
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Jama Mer 28 Aoû 2013 - 21:21

avatar

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Ven 30 Aoû 2013 - 20:21

Merci mais ça a déjà été tenté
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Scoubifitz Sam 31 Aoû 2013 - 7:39

bonjour,

un autre script fait bugger celui ci ...

trouvez la page script contenant ceci :
Code:
WebFontConfig={google:{families:['Happy Monkey'::cursive']}};(function(){var wf=document.createElement('script');wf.src=('https:'==document.location.protocol?'https':'http')+'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type='text/javascript';wf.async='true';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf,s)})();
et désactivez la (décocher  "toutes les pages" suffira) et vérifiez si la pagination fonctionne ...
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue Sam 31 Aoû 2013 - 19:26

ça risque ne plus faire fonctionner la police donc, je fais le choix de la police

merci pour la réponse

je clôture le sujet
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

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