[PHPBB3] Retour sur le probleme d'ancrage

Hello Serge,

le temps de chargement joue beaucoup sur les ancrages, il suffit lorsque tu arrives sur le dit sujet
d'aller dans la barre d'adresse du navigateur et déposer le curseur de la souris dans cette dernière.
Puis appuyer sur le touche enter pour s'en rendre compte.
Avec cette pratique l'ancrage se fera.

Hello Philippe,

Quand je sélectionne l'adresse du lien suivi du #+ le n° de message, et la recolle sur la barre d'adresse et que j'appuie sur la touche enter ça se positionne comme il faut au niveau ancrage.
ça se positionne aussi correctement quand je clique sur le titre du message.

Je viens de faires plusieurs tests sur mon forum test où il n'y a que très peu de photos et donc pas de temps de chargement long.
J'ai même désactivé les JS, ça se passe comme sur mon fofo.

En fait tout est ok au niveau encrage, sauf par exemple quand je vais sur les messages à partir du bouton "Voir le dernier message" de la page d'accueil.
Là, j'arrive sur le message avec le titre du message tout en haut de page derrière les toolbar. Donc le haut du message est caché par les toolbar. Le message ne descend pas de la valeur de l'ancrage.

Hello Serge,
affectivement, je reproduis l'identique sur mon fofo de tests.
Je viens de m'apercevoir que c'est la balise body reçoit un margin-top et créer ce décalage,
il faudrait peut être remonter l'information sur le forum des forums..

Bonjour Philippe.

Ce n'est donc pas une anomalie dans mon forum et cela me rassure.

Je viens de poser la question sur FA ici:
https://forum.forumactif.com/t403422-ancrage-des-messges-les-plus-recents#3365020

Hello Serge,

Ce n'est donc pas une anomalie dans mon forum et cela me rassure.

N'est-ce pas .

essayes d'ajouter un margin-top en modifiant la valeur si besoin:

Code:


<div class="M14_anchonext" style="position: relative; top: -155px;margin-top:30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>


Je viens de voir ton topic sur le FDF .

Re Phil,

Là ça ajoute le margin-top au dessus de chaque message.

Je laisse en place si tu veux voir Philippe.

Re Serge,
et si tu laisses le :

Code:

margin-top:30px;

Je viens de voir sur ton fofo   .

En le laissant à 30px, hé bien la marge passe à 30px :-)

Or ce décalage pour que le message se positionne bien en dessous des toolbars doit être voisin de 100px (il est à 105 là).
A 30px on ne voit toujours pas le titre.

Bon, on va attendre la réponse de Forumactif car sur mon fofo de test,
cet ajout a réglé le soucis.

Tu n'as qu'une toolbar en haut de page et là ça colle.

Sur mon fofo, il y en a 3 :-)

J'ai finalement mis 40px, ça permet de voir le début du message et ça reste esthétiquement acceptable.

Merci Philippe, je laisserai ainsi si rien n'est proposé sur FA.

Hello Serge,

on fait comme çà alors .

J'ai trouvé la cause, c'est lorsque la toolbar est en position fixed.
Il suffit de décocher l'option dans le P.A et hop , l'affichage se fait normalement.

Bonjour Philippe,

Oui, faute de mieux on laisse ainsi.
Je mets en résolu et y reviendrais s'il y a du nouveau.

Merci encore Phil pour ton aide.

Re Serge,
OK pas de soucis mon ami.

@photoclic

Hello Serge,
alors, j'ai peut-être trouvé une solution sur l'ancre des messages, on ne peut pas jouer avec un margin-top,
on va donc ajouter un margin-bottom si la Toolbar est affichée.

Tu n'as pas besoin de passer dans ce template car la class est déjà présente Serge, je donne l'astuce en cas ou un membre voudrait la tester.


On va ajouter une class à l'ancre dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherches ceci:

Code:

<div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>

Remplaces par:

Code:

   
<div class="M14_anchonext"style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>


Penses a enregistrer puis à valider en cliquant respectivement sur  puis

Ensuite la Toolbar n'a pas de style si cette dernière est affichée, donc on va dire au script d'ajouter un margin-bottom à 30px.

Tu auras un léger décalage au dessus du body, mais on verra le haut du message.

Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.

Cocher  Sur les sujets

Déposes ceci:

Code:


$(function(){$(function(){
var a=$('div[id="fa_toolbar"]').attr('style');
if(a==undefined)
{
$('div[class="M14_anchonext"]').each(function(){
$(this).css('margin-bottom','30px');
});
}

})});



Penses à cliquer sur le bouton VALIDER


Mais pour toi, je crois qu'il faudrait mettre tes deux toolbars persos en bas de page seulement sur la lecture d 'un sujet et si seulement la toolbar est affichée.


Un script de ce genre:

Code:

$(function(){$(function(){
    var a=$('div[id="fa_toolbar"]').attr('style');
    if(a==undefined)
    {
    $('.navbar ul.linklist.navlinks').css('bottom','30px!important');
    $('.M14_navPerso').css('bottom','0px!important');
    
  

    }

    })});

Ou encore ajouter un z-index aux messages afin qu'ils apparaissent en premier plan:
Dans la C.S.S:

Code:


div[class*="post--"]{position:relative;z-index:999;}


De ce fait, tu ne seras plus ennuyé avec les deux toolbars persos.

Bonjour Philippe,

Merci d'y revenir.

En faisant ainsi, cela semble revenir au même, c'est à dire mettre une marge au dessus de chaque message.

Je vais donc laisser comme précédemment avec la marge de 40px.

Re Serge,

Et ceci ?

Code:

div[class*="post--"]{position:relative;z-index:999;}

De toutes façons Serge, même si FA corrige le soucis tu seras toujours ennuyé avec les toolbars persos.

Ce script descend le message de 30px, ce qui corrige le soucis d'ancre:

Code:

$(function(){
$('div[class*="post--"]').each(function(){
$(this).css('margin-top','30px');
});
});

Ou encore remettre la valeur négative d'origine ici:
Et c'est la meilleure solution.
Le fait de mettre des valeur aussi importantes ne sert à rien Serge.
Il faut partir avec la valeur 30px ici.

Code:

<div class="M14_anchonext" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>

Et ce script:

Code:

$(function(){
$('div[class*="post--"]').each(function(){
$(this).addClass('ancrage');
});
});

Puis la css:

Code:



 

.ancrage
{
z-index:999;
position:relative;
margin-top:30px;
}

Re Phil,

Avec ce code, les messages passent effectivement au 1ier plan, mais il reste en haut les bouts de barres à droite et à gauche car la largeur des messages est <100%

Code:


    div[class*="post--"]{position:relative;z-index:999;}
    }

Pas la valeur d'origine ici :

Code:

    <div class="M14_anchonext" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div>


Car ensuite je n'ai plus l'ancrage quand je clique sur le titre du sujet. Mais -105px va bien et ne change rien pour la suite.


Ton dernier code est une variante intéressante.

En faisant avec ce dernier script et le css, la marge se situe à la fin des messages et semble moins gênante.
C'est en place si tu veux voir.

Tiens, je viens d'avoir une idée sur ton dernier JS, pour avoir cette marge uniquement sur le dernier message en ajoutant :last ainsi:

Code:


$(function(){
  $('div[class*="post--"]:last').each(function(){
    $(this).addClass('ancrage');
    });
    });

ça ne décolle que le dernier message, et là je peux me permettre une grande marge pour avoir tout le titre.
J'ai mis 105px.

Re Serge,
hum, je ne comprends pas cette démarche Serge,
autant ne rien faire car on ne voit toujours pas l'entête de ton message!!!!!!

Lorsque je suis sur un message et que je supprimer la valeur négative, et que je remet la valeur 30, l'ancre ne bouge pas et l'entête du sujet est masquée par les deux toobars

Bin si Philippe.
En cliquant sur voir le dernier message à partir de la page d'accueil je vois bien l'entête du message maintenant.

Ah effectivement Serge lorsque c'est le dernier message mentionné,
mais il faut prendre en compte, si tu ne viens pas sur le forum pendant une certaine période,
tu auras une ancre de la personne ayant répondu à ton message.
Un peu comme ceci:
https://photoclic.forum-pro.fr/t22075-macro_et_proxy-pas-de-moi-celle-la#282002

Il faut tout prendre en compte Serge.


Et pourtant ce n'est pas le dernier message posté, donc dans ce cas la marge mentionnée ne sert à rien Serge.

Ah oui, en effet Philippe.

Va falloir que je choisisse le meilleur compromis entre cette solution ou la précédente.
A moins que FA intervienne, mais je n'y crois pas trop.

En tout cas un grand merci Phil pour tous ces éclairages.