pagination dans un message

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

Résolu pagination dans un message

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

J'ai tenté d'intégrer la pagination des messages suivant l'astuce  => http://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

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é le Dim 18 Aoû 2013 - 11:11

Bonjour,

Quel version avez vous ?

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 le Lun 19 Aoû 2013 - 19:23

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

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é le Lun 19 Aoû 2013 - 19:52

Peut tu me montrer ton JavaScript ?

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 le 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)
  })
});

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é le 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)
  })
});

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 le Ven 23 Aoû 2013 - 18:38

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

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é le 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 ?

Invité
Invité


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

Résolu Re: pagination dans un message

Message par FANCH 56 le 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
+ Hyperactif +

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

http://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 le 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

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 le 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
+ Hyperactif +

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

http://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 Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par Invité le 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)
  })
});

Invité
Invité


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

Résolu Re: pagination dans un message

Message par Milouze14 le 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++

Milouze14
+ Hyperactif +

Masculin
Messages : 4628
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: pagination dans un message

Message par flo la bleue le 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

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 le Sam 24 Aoû 2013 - 15:00

bonjour,

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

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
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 le Sam 24 Aoû 2013 - 19:34

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

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 le Mer 28 Aoû 2013 - 20:48

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

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 le Mer 28 Aoû 2013 - 21:21


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 le Ven 30 Aoû 2013 - 20:21

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

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 le 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
+ Hyperactif +

Masculin
Messages : 3539
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 le 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

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