Boutons qui n'apparaissent pas

2 participants

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

Résolu Boutons qui n'apparaissent pas

Message par Victor-57 Sam 10 Aoû 2013 - 17:28

Bonjour,

Etant de retour sur le Forum des Forums, j'ai constaté que de nouvelles astuces ont apparu.
Les deux sujets qui m'intéressent sont : https://forum.forumactif.com/t355590-bouton-de-choix-d-image-de-fond-pour-message https://forum.forumactif.com/t355762-pagination-dans-un-message

J'ai fait tout ce qui est demandait dans les topics, c'est-à-dire insérer les codes Javascript et les codes CSS.

Mais voici le résultat : Boutons qui n'apparaissent pas M7DJ0

Mais vous pouvez constater que les 2 boutons n'apparaissent point et quand j'essaie ceci :
Victor-57 a écrit:Page 1
Texte 1
[page]
Page 2
texte 2
[page]
Page 3
texte 3
Cela ne marche encore point.

J'ai bien inséré les 2 javascript sur toutes les pages et j'ai bien inséré les code CSS. Je résume : j'ai fait tout ce qui est dit dans le topic.

Je vous demande donc votre aide !

Merci d'avance,
Cordialement,
Victor-57


Dernière édition par Victor-57 le Jeu 15 Aoû 2013 - 12:44, édité 1 fois
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Dim 11 Aoû 2013 - 18:21

Up, sujet toujours d'actualité Smile
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Lun 12 Aoû 2013 - 19:24

Je me permets de faire un up. Je précise que la Gestion des Codes Javascript est activée et que la version de mon forum est : Phpbb2. J'ai également accès aux templates.
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Mar 13 Aoû 2013 - 19:26

Up ! Topic toujours d'actualité ! Mon navigateur est Google Chrome.
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Mer 14 Aoû 2013 - 19:27

Up ! Topic toujours d'actualité ! Smile 
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Automne Jeu 15 Aoû 2013 - 11:06

Bonjour,

Afin de mieux vous aider, donnez nous les deux codes javascript que vous avez installé, e css complet, et le lien du forum, merci
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Jeu 15 Aoû 2013 - 11:15

Bonjour,

Aucun soucis, les voici :

Javascript :
Code:
$(function() {
  $("div.postbody").each(function() {
    var n = this;
    if($(".post-entry", n).length) {
      n = $(".post-entry", n)[0]
    }else {
      if($(".content", n).length) {
        n = $(".content", n)[0]
      }
    }
    while(n.nodeType != 3 && n.hasChildNodes()) {
      n = n.childNodes[0]
    }
    if(n.nodeType != 3) {
      return val
    }
    if(n.nodeValue.substr(0,  != "[postbg=") {
      return val
    }
    var m = n.nodeValue.match(/^\[postbg=([^\[]*)\]/);
    $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
    n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
    if(!n.nodeValue && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
      $(n.nextSibling).remove()
    }
  });
  if($("#text_editor_textarea").length && $.sceditor) {
    var bglist = "http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png".split(",");
    var bgnum = -1;
    var val = $("#text_editor_textarea").val();
    if(val.substr(0,  == "[postbg=") {
      var m = val.match(/^\[postbg=([^\[]*)\]/);
      if(m) {
        var r = $.inArray(m[1], bglist);
        if(r != -1) {
          bgnum = r
        }else {
          bgnum = bglist.length - 1
        }
        $(function() {
          $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
          $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
        });
        $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
      }
    }
    $(function() {
      if(!$("#text_editor_textarea").sceditor("instance")) {
        return
      }
      $('<a class="sceditor-button" unselectable="on" title="Fond de message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Fond de message</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
        if(e.ctrlKey) {
          $(".sceditor-container").css("background-image", "");
          bgnum = -1
        }else {
          bgnum++;
          if(!bgnum) {
            $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
          }
          $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
        }
      })
    });
    $(function() {
      $('form[name="post"]').submit(function() {
        if(bgnum != -1) {
          $("#text_editor_textarea").val(function(i, val) {
            return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val
          })
        }
      })
    })
  }
});
Code:
$(function() {
  var x= div.postbody > 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)
  })
});
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%;
}
Code:
div.sceditor-container iframe, div.sceditor-container textarea {
  background: transparent;
}
.postbg {
  background-position: 0 0; background-repeat: repeat;
}
Mon forum est un forum test : http://academietsukibatest.forumactif.org/

Cordialement.
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Automne Jeu 15 Aoû 2013 - 11:51

on va commencer par le premier, je ne sais pas pourquoi si je mets le tiens, cela ne marche pas, alors essais de le supprimer et de remettre celui du tuto

Code:
        $(function() {
          $("div.postbody").each(function() {
            var n = this;
            if($(".post-entry", n).length) {
              n = $(".post-entry", n)[0]
            }else {
              if($(".content", n).length) {
                n = $(".content", n)[0]
              }
            }
            while(n.nodeType != 3 && n.hasChildNodes()) {
              n = n.childNodes[0]
            }
            if(n.nodeType != 3) {
              return val
            }
            if(n.nodeValue.substr(0, 8) != "[postbg=") {
              return val
            }
            var m = n.nodeValue.match(/^\[postbg=([^\[]*)\]/);
            $(this).closest("div.post-container,div.post,td.row1,td.row2,div.postmain").addClass("postbg").css("background-image", "url(" + m[1] + ")");
            n.nodeValue = n.nodeValue.replace(/^\[postbg=[^\[]*\]\n?/, "");
            if(!n.nodeValue && n.nextSibling.nodeType == 1 && n.nextSibling.tagName == "BR") {
              $(n.nextSibling).remove()
            }
          });
          if($("#text_editor_textarea").length && $.sceditor) {
            var bglist = "http://i.imgur.com/20aRJFn.png,http://i.imgur.com/DcTM2Ng.jpg,http://i.imgur.com/tkC3deY.jpg,http://i.imgur.com/pfTcnqF.png,http://i.imgur.com/dAQtdaR.gif,http://i.imgur.com/48CU2Qx.png,http://i.imgur.com/lRuwoVi.png,http://i.imgur.com/EHp45H1.png,http://i.imgur.com/8bhbqFF.png,http://i.imgur.com/tb80sYG.png,http://i.imgur.com/6LPhzcp.png,http://i.imgur.com/DkRuYf1.png,http://i.imgur.com/57F0z86.jpg,http://i.imgur.com/PZyMuXF.png".split(",");
            var bgnum = -1;
            var val = $("#text_editor_textarea").val();
            if(val.substr(0, 8) == "[postbg=") {
              var m = val.match(/^\[postbg=([^\[]*)\]/);
              if(m) {
                var r = $.inArray(m[1], bglist);
                if(r != -1) {
                  bgnum = r
                }else {
                  bgnum = bglist.length - 1
                }
                $(function() {
                  $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px");
                  $(".sceditor-container").css("background-image", "url(" + m[1] + ")")
                });
                $("#text_editor_textarea").val(val.replace(/^\[postbg=[^\[]*\]/, ""))
              }
            }
            $(function() {
              if(!$("#text_editor_textarea").sceditor("instance")) {
                return
              }
              $('<a class="sceditor-button" unselectable="on" title="Fond de message"><div unselectable="on" style="background:url(http://i.imgur.com/Hrf5w1i.gif);opacity:1">Fond de message</div></a>').insertAfter(".sceditor-button-fahide").click(function(e) {
                if(e.ctrlKey) {
                  $(".sceditor-container").css("background-image", "");
                  bgnum = -1
                }else {
                  bgnum++;
                  if(!bgnum) {
                    $(".sceditor-container").css("background-position", "0 " + ($(".sceditor-toolbar").height() + 6) + "px")
                  }
                  $(".sceditor-container").css("background-image", "url(" + bglist[bgnum % bglist.length] + ")")
                }
              })
            });
            $(function() {
              $('form[name="post"]').submit(function() {
                if(bgnum != -1) {
                  $("#text_editor_textarea").val(function(i, val) {
                    return"[postbg=" + bglist[bgnum % bglist.length] + "]" + val
                  })
                }
              })
            })
          }
        });
Automne

Automne
Membre actif

Messages : 8431
Inscrit(e) le : 22/03/2010

https://gilles570.motards.net/
Automne a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Jeu 15 Aoû 2013 - 11:57

Cela ne marche toujours pas : Boutons qui n'apparaissent pas ApAPi
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons qui n'apparaissent pas

Message par Victor-57 Jeu 15 Aoû 2013 - 12:45

Grâce à la précieuse aide d'Automne, que je remercie, mon sujet est résolu.
Victor-57

Victor-57
****

Masculin
Messages : 413
Inscrit(e) le : 06/03/2013

http://speedcraft.forumofficiel.fr
Victor-57 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