renvoie vers un texte

par Apek Mer 17 Nov 2010 - 23:30

Bonjour,

Comment peut-on faire pour que dans un post, dès qu'on clique sur un lien il nous mène a un endroit plus bat dans la page, au texte en question.

Genre faire un sommaire, dès qu'on clique sur ce que l'on veux ça nous reporte a chapitre concernée (plus bas dans la page)

par **Lixyr** Mer 17 Nov 2010 - 23:42

Ce sont des ancres. C'est simple d'utilisation. Par exemple, une ancre à deux liens :

blablabla présentation blabla
<p> Aller directement à : - <a href="#forum">ForumActif</a> - <a href="#wikipedia">Wikipedia</a> -
</p>

plus bas =>

blablablablablabla

<h2 id="forum"> Présentation de forum actif </h2>

blablablabalablablabla plus bas

<h2 id="wikipedia"> Présentation de Wikipédia</h2>

blablablabalblablablabalblablablabalblablablabal etc etc

Ca marche par ID.

Au départ vous posez un paragraphe :

Code:: <p> blablablabl </p>

Ensuite, dans ce paragraphe, la balise lien de l'ID :

<a href="#forum">

L'ID "forum" on la retrouve plus bas :

<h2 id="forum"> Présentation de forum actif </h2>

C'est avec l'ID que l'on trouve dans les deux balises, qu'on peut lier le lien meneur au contenu plus bas.

Il suffit ensuite d'entourer son titre, situé plus bas dans la page du code

Code:: <h2 id="NOM DE L'ID"> TITRE </h2>

Bon au final ça donne ça :

Code:: <p> >> Aller directement à : - <a href="#ID NUMERO 1">NOM TITRE NUMERO 1</a> - <a href="#ID NUMERO 2">NOM TITRE NUMERO 2</a> - <a href="#ID NO 3">NOM TITRE NO 3</a> - << </p> TEXTE TEXTE TEXTE PLEIN DE TEXTE <h2 id="ID NUMERO 1">NOM TITRE NUMERO 1</h2> TEXTE TEXTE TEXTE PLEIN DE TEXTE <h2 id="ID NUMERO 2">NOM TITRE NUMERO 2</h2> TEXTE TEXTE TEXTE PLEIN DE TEXTE <h2 id="ID NO 3">NOM TITRE NUMERO 3</h2> TEXTE TEXTE TEXTE PLEIN DE TEXTE