Membres connectés récemment
[PHPBB3] Sommaire avec envoi sur le message
2 participants
Page 1 sur 1 • Partagez
- Version du forum :PHPBB3
- Templates modifiés :oui
- Navigateur :Firefox
Bonjour à tous les milouziens,
J'ai commencé à mettre en place un sommaire dans l'un de mes sujets ici:
https://photoclic.forum-pro.fr/t17455p30-les-petits-trucs-du-clic#241090
Cela permet en cliquant sur le lien du sommaire, d'arriver directement sur le message concerné.
J'ai utilisé pour cela le principe décrit ici:
https://forum.forumactif.com/t288337-lien-vers-une-partie-de-texte-dans-la-meme-page#2544262
Dans les lignes du sommaire cela:
Dans le message cela:
Je suis confronté à 2 problèmes:
- Lorsque le message ne se trouve pas sur la même page, le lien ne fonctionne pas.
- Lorsque je clique sur le lien du sommaire, l'ancre ne s'applique pas, j'arrive trop bas (alors que l'ancre s'applique bien lorsque je clique sur le titre d'un message).
Merc pour votre aide.
J'ai commencé à mettre en place un sommaire dans l'un de mes sujets ici:
https://photoclic.forum-pro.fr/t17455p30-les-petits-trucs-du-clic#241090
Cela permet en cliquant sur le lien du sommaire, d'arriver directement sur le message concerné.
J'ai utilisé pour cela le principe décrit ici:
https://forum.forumactif.com/t288337-lien-vers-une-partie-de-texte-dans-la-meme-page#2544262
Dans les lignes du sommaire cela:
- Code:
<a href="#part1">-Pour découvrir votre forum favori -</a>
Dans le message cela:
- Code:
<p id=part1>-Pour découvrir votre forum favori -</p>
Je suis confronté à 2 problèmes:
- Lorsque le message ne se trouve pas sur la même page, le lien ne fonctionne pas.
- Lorsque je clique sur le lien du sommaire, l'ancre ne s'applique pas, j'arrive trop bas (alors que l'ancre s'applique bien lorsque je clique sur le titre d'un message).
Merc pour votre aide.
Milouze14 aime ce message
Hello Serge,
alors ce que tu as sur la même page est un fonctionnement normal.
Par contre:
Doit se transformer en :
C'est que l'on appelle une ancre.
Qui normalement ne contient pas de contenu:
Ensuite il faut donner un style à cette dernière:
Puis chaque lien doit contenir le lien du sujet en question + l'ancre:
Puis pour chaque lien " externe à la page actuelle" amenant vers l'ancre, le lien du sujet complet:
Exemple:
Et voilou
alors ce que tu as sur la même page est un fonctionnement normal.
Par contre:
- Code:
<p id=part1>-Pour découvrir votre forum favori -</p>
Doit se transformer en :
- Code:
<a id="part1">-Pour découvrir votre forum favori -</a>
C'est que l'on appelle une ancre.
Qui normalement ne contient pas de contenu:
- Code:
<a id="part1"></a>
Ensuite il faut donner un style à cette dernière:
- Code:
style="position: relative; top: -30px;"
- Code:
<a id="part1"style="position: relative; top: -30px;"></a>
Puis chaque lien doit contenir le lien du sujet en question + l'ancre:
- Code:
<a href="#part1">-Pour découvrir votre forum favori -</a>
Puis pour chaque lien " externe à la page actuelle" amenant vers l'ancre, le lien du sujet complet:
Exemple:
- Code:
<a href="https://testphpbb3.1fr1.net/t469-test-like#part1">-Pour découvrir votre forum favori -</a>
Et voilou
Alors pour le lien du sujet complet, ca colle j'arrive bien au bon endroit y compris l'ancre et ça règle les 2 problèmes que j'avais.
Par contre, le fait d'ajouter ce style fait simplement remonter la ligne de 30px dans le message:
Je laisse si tu veux bien le sujet ouvert encore un peu pour poursuivre mes tests.
Par contre, le fait d'ajouter ce style fait simplement remonter la ligne de 30px dans le message:
- Code:
<a id="part1"style="position: relative; top: -30px;"></a>
Je laisse si tu veux bien le sujet ouvert encore un peu pour poursuivre mes tests.
C'est le but du style Serge, tout dépend ou se trouve l'ancre,
elle doit se situer avant l'événement.
Exemple
elle doit se situer avant l'événement.
Exemple
Voir ce message:
https://www.milouze14.com/t32980-phpbb3-sommaire-avec-envoi-sur-le-message#629340
mon ancre
Mon événement
https://www.milouze14.com/t32980-phpbb3-sommaire-avec-envoi-sur-le-message#629340
mon ancre
Mon événement
- Code:
<a id="part1"style="position: relative; top: -30px;">mon ancre</a>
Mon événement
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum