Ouverture du message en milieu de page

[manue29]

Bonjour à tous !

Mon petit souci:
A chaque fois que l' on ouvre un sujet, au dernier message posté, il se trouve qu' on se retrouve (hi hi) en milieu de page. Il faut donc faire glisser la page jusqu' en bas, afin de lire ce dernier message. Assez agaçant.
D' ou vient ce petit truc récurant ?

Manue ??

Bé, je vois plus mes smileys

[demeter1]

On peut avoir un lien vers un sujet ouvert aux invités sur lequel vous constatez le soucis ??

[manue29]

Bonjour Demeter.

http://bretagne-hayabusa.superforum.fr/t5198-cr-de-la-visite-des-cotes-normandes#114963

Je poste le lien en entier, je ne vois plus les petits outils qui vont bien. désolé.

[demeter1]

Effectivement, la redirection qui devrait se faire sur le dernier message semble être bloquée par les images.
Ce soucis me semble nécessiter l'intervention d'un dévactif et/ou d'un technicien.

En attendant, voici un script qui devrait résoudre le soucis en attendant qu'un correctif soit apporté.
A placer sur toutes les pages

Code:

function resize_images(o) {
      if ($(document.body).data("image_resize")) {
        o.delayed = true;
        $(document.body).one("resized", o, function(e) {
          resize_images(e.data);
        });
      } else {
        instance = $(document.body).data("current_resize_instance") || 0;
        $(document.body).data("current_resize_instance", ++instance);
        $(document.body).data("image_resize", true);
        $(document.body).addClass("resize_process");
        var imgs = $(o.selector ? o.selector + " img" : ".postbody img").not(".signature_div img").not(".attachbox img").addClass("resize_img");
        resize_div = document.createElement("span");
        resize_border_div = document.createElement("span");
        resize_content_div = document.createElement("span");
        enlarge_a = document.createElement("a");
        resize_a = document.createElement("a");
        fullsize_a = document.createElement("a");
        resize_filler_div = document.createElement("span");
        $(resize_div).click(function(e) {
          if (!$(e.target).hasClass("enlarge") && (!$(e.target).hasClass("resize") && (!$(e.target).hasClass("fullsize") && !$(e.target).hasClass("resizebox")))) {
            return false;
          }
        }).addClass("resizebox gensmall clearfix");
        $(resize_border_div).addClass("resize_border clearfix");
        $(resize_div).append(resize_border_div);
        $(resize_content_div).addClass("resize_content clearfix");
        $(resize_border_div).append(resize_content_div);
        enlarge_a.href = "#";
        resize_a.href = "#";
        fullsize_a.href = "#";
        $(enlarge_a).addClass("enlarge").text("Agrandir cette image");
        $(resize_a).addClass("resize").text("R\u00e9duire cette image");
        $(fullsize_a).addClass("fullsize").text("Cliquez ici pour la voir \u00e0 sa taille originale.");
        $(resize_filler_div).addClass("resize_filler").text(" ");
        $(resize_content_div).append(enlarge_a);
        $(resize_content_div).append(resize_a);
        $(resize_content_div).append(resize_filler_div);
        $(resize_content_div).append(fullsize_a);
        tmp = jQuery.makeArray(imgs);
        refs = {"imgs":tmp, "resize_div":resize_div, "max_width":o.max_width, "max_height":o.max_height};
        delete resize_div;
        $(document.body).data("refs_" + instance, refs);
        if (instance == 1) {
          fn = function(e, instance) {
            current_instance = instance || $(document.body).data("current_resize_instance");
            skip_post = false;
            var refs = $(document.body).data("refs_" + current_instance);
            index = jQuery.inArray(e.target, refs.imgs);
            img_el = e.target;
            var img = $(img_el);
            if (index != -1 && (!$(document.body).data("img_" + current_instance + "_" + index) && !img.data("data"))) {
              img_style = img_el.style && (img_el.style.width || img_el.style.height) ? {width:parseInt(img_el.style.width) || false, height:parseInt(img_el.style.height) || false} : false;
              if (!img_style) {
                img.attr("style", "display:inline");
              }
              img_width = img_style.width || img_el.width;
              img_height = img_style.height || img_el.height;
              if ((img_width == 0 || img_height == 0) && ($(document.body).data("img_" + current_instance + "_" + index + "_count") || 0) < 10) {
                $(document.body).data("img_" + current_instance + "_" + index + "_count", ($(document.body).data("img_" + current_instance + "_" + index + "_count") || 0) + 1);
                window.setTimeout("$($(document.body).data('refs_" + current_instance + "').imgs[" + index + "]).trigger('load',[" + current_instance + "]);", 100);
                skip_post = true;
              }
              if (img_width > refs.max_width && refs.max_width != 0 || img_height > refs.max_height && refs.max_height != 0) {
                img.removeAttr("style");
                $(document.body).data("img_" + current_instance + "_" + index, true);
                var resize_div = $(refs.resize_div).clone(true);
                img_el.parentNode.insertBefore(document.createElement("br"), img_el);
                img_el.parentNode.insertBefore($(resize_div).get(0), img_el);
                img_el.parentNode.insertBefore(document.createElement("br"), img_el);
                resize_div.data("img_ref", img);
                resize_div.attr("style", "display:block");
                max_width = document.defaultView ? parseInt(document.defaultView.getComputedStyle(resize_div.get(0), "").getPropertyValue("width")) : resize_div.get(0).offsetWidth;
                resize_div.removeAttr("style");
                if (img_width > max_width) {
                  resize_div.addClass("showfull");
                }
                new_width = img_width * (refs.max_width != 0 && (refs.max_height == 0 || img_width / img_height > refs.max_width / refs.max_height) ? refs.max_width / img_width : refs.max_height / img_height);
                img_el.width = new_width;
                data = {"width":img_width, "resize_width":new_width, "max_sized":img_width > max_width};
                if (img_style) {
                  data.height = img_height;
                  data.resize_height = new_width * img_height / img_width;
                  img_el.height = data.resize_height;
                }
                img.data("data", data);
                delete data;
                resize_div.attr("style", "width:" + new_width + "px");
                delete max_width;
                delete new_width;
              } else {
                if (!skip_post) {
                  $(document.body).data("img_" + current_instance + "_" + index, true);
                  img.removeClass("resize_img");
                }
              }
              delete img_width;
              delete img_height;
              delete img_style;
            }
            delete img_el;
            delete index;
          };
          $(document.body).bind("click", function(e) {
            switch(true) {
              case $(e.target).hasClass("enlarge"):
                resize_div = $(e.target).parents("span.resizebox");
                if (resize_div.length) {
                  var img = $(resize_div.data("img_ref"));
                  var img_data = img.data("data");
                  resize_div.attr("style", "display:block");
                  resize_width = resize_div.width();
                  img.removeAttr("width");
                  img_width = img_data.width;
                  if (resize_width < img_width) {
                    new_width = resize_width;
                    resize_div.addClass("showfull");
                  } else {
                    new_width = img_width;
                    resize_div.removeClass("showfull");
                  }
                  img.attr("width", new_width);
                  if (img_data.height) {
                    img.attr("height", img_data.height * new_width / img_width);
                  }
                  resize_div.removeAttr("style");
                  resize_div.attr("style", "width:" + new_width + "px");
                  resize_div.toggleClass("enlarged");
                  return false;
                }
                break;
              case $(e.target).hasClass("resize"):
                resize_div = $(e.target).parents("span.resizebox");
                if (resize_div.length) {
                  var img = resize_div.data("img_ref");
                  var img_data = img.data("data");
                  img.attr("width", img_data.resize_width);
                  if (img_data.resize_height) {
                    img.attr("height", img_data.resize_height);
                  }
                  resize_div.attr("style", "width:" + img_data.resize_width + "px");
                  resize_div.toggleClass("enlarged");
                  return false;
                }
                break;
              case $(e.target).hasClass("fullsize"):
                resize_div = $(e.target).parents("span.resizebox");
                if (resize_div.length) {
                  var img = $(resize_div.data("img_ref"));
                  window.open("/viewimage.forum?u=" + encodeURIComponent(img.attr("src")));
                  return false;
                }
                break;
              default:
              ;
            }
          });
          $(window).bind("load", fn);
          $(window).bind("image_resize", fn);
        }
        $(window).bind("load", function(e) {
          current_instance = $(document.body).data("current_resize_instance");
          tmp = $(document.body).data("refs_" + current_instance).imgs;
          hash = window.location.hash ? window.location.hash.substr(1) : false;
          for (i = 0, j = tmp.length;i < j;++i) {
            if (!$(document.body).data("img_" + current_instance + "_" + i)) {
              window.setTimeout("$($(document.body).data('refs_" + current_instance + "').imgs[" + i + "]).trigger('image_resize');", i * 1);
            }
          }
          window.setTimeout("$(document.body).removeClass('resize_process').data('image_resize',false).trigger('resized');" + (is_ie ? "$('table').css('zoom',1);" : "") + (hash ? "tmp = $('#" + hash + "').position();window.scrollTo(tmp.left, tmp.top);" : ""), is_ie ? 500 : 100);
          delete tmp;
        });
        if (o.delayed) {
          tmp = $(document.body).data("refs_" + instance).imgs;
          hash = window.location.hash ? window.location.hash.substr(1) : false;
          for (i = 0, j = tmp.length;i < j;++i) {
            if (!$(document.body).data("img_" + instance + "_" + i)) {
              window.setTimeout("$($(document.body).data('refs_" + instance + "').imgs[" + i + "]).trigger('image_resize');", i * 1);
            }
          }
          window.setTimeout("$(document.body).removeClass('resize_process').data('image_resize',false).trigger('resized');" + (is_ie ? "$('table').css('zoom',1);" : "") + (hash ? "tmp = $('#" + hash + "').position();window.scrollTo(tmp.left, tmp.top);" : ""), is_ie ? 500 : 100);
          delete tmp;
        }
        delete refs;
      }
    }
    ;

[manue29]

Ok; Merci pour ce dépannage express.

Mais ça ne semble pas fonctionner.

[Ea]

Bonjour,


Le template par défaut viewtopic_body avait été modifié en février de l'année passée.

Étant donné que ce template est modifié sur votre forum, la modification n'a pas pu y être "automatiquement" réalisée.

Il faudrait donc soit mettre le template par défaut sur de votre forum, soit appliquer la modification indiquée dans l'annonce (lien).

Cordialement.

[manue29]

Bonsoir;
J ai donc modifié mon template en suivant la procédure qui va bien, mais malheureusement, ça ne change rien.
je vous poste mon template, possible qu' il s' y trouve quelque erreurs:

Spoiler:

[manue29]

  Bonjour !

M' aurait on oublié ?   

Manue.

[Ea]

Pas oublié mais je n'ai pas trouvé ce qui causait le problème après l'ajout  

Les modifications du template servent à quoi ?

Si il y en a peu, ce serait peut-être plus simple de les refaire sur un template actuel.

Cordialement.

[manue29]

Bonjour EA;

En effet, je ne sais plus à quoi correspond cette modification du template.   
je vais essayer avec le template par défaut, et je reviendrais vers vous pour d' autres infos.

Manue   

[manue29]

Bonjour;

Petit retour sur mon souci.

J' ai donc remis le template par défaut sur mon forum, et ça fonctionne semble t il. Les joies de l' informatique.
Dans tous les cas, Merci pour votre aide, et toutes ces bonne idées !
Vive forumactif      

Manue