Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[PHPBB3] Sommaire avec envoi sur le message

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

avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 10 Avr 2021 - 15:10

  • 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:
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.


Dernière édition par photoclic le Sam 10 Avr 2021 - 19:48, édité 1 fois

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 10 Avr 2021 - 17:57

Hello Serge,
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







avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 10 Avr 2021 - 18:03

Bonjour Philippe,

Merci Phil, tu es d'une logique imparable.

J'essaie tout ça et je reviens.
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 10 Avr 2021 - 18:37

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:
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.

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 10 Avr 2021 - 18:43

C'est le but du style Serge, tout dépend ou se trouve l'ancre,
elle doit se situer avant l'événement.

Exemple


Dernière édition par Milouze14 le Sam 10 Avr 2021 - 18:48, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 10 Avr 2021 - 18:47

Voir ce message:
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
avatar
photoclic
https://photoclic.forum-pro.fr/

Messagephotoclic Sam 10 Avr 2021 - 19:47

Merci pour les explications, on apprend beaucoup grâce à toi.

Et c'est tout bon l'ami. Je passe en résolu tape la

Milouze14 aime ce message

Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Sam 10 Avr 2021 - 20:00

De rien Serge hinhin .



Hello


Sujet résolu et déplacé dans le forum adéquate  

A bientôt pour une prochaine demande  clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum