Discussion :

[razorlok]

Bonjour à tous,

J'aimerais intégrer a mon code XTHML une liste déroulante, qui, au choix d'un élément, me renvoie un un endroit de la meme page, donc une ancre.
Je ne saisit pas très bien où et comment je dois insérer l'ancre...

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
    <FORM>
      <SELECT name="nom" size="1">              
                <option value="">...</option> 
        <option value="dr033">Aquitaine</option> 
        <option value="dr063">Auvergne</option>
        <option value="dr014">Basse-Normandie</option>
      </SELECT>
           </FORM>
 
<p> Texte recevant l'ancre </p>

Quelqu'un peut-il m'aider à positionner l'ancre pour une valeur de cette liste ?

[Er3van]

Ca dépend comment tu veux gérer ça : côté client ou côté serveur ?

Dans tous les cas ce n'est pas du HTML.

Côté client : sans rafraichissement de la page => JavaScript
Côté serveur : validation du formulaire PUIS redirection à l'ancre => PHP

Pour faire une ancre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<a name="monAncre"><h3>Titre du paragraphe</h3></a>
<p>Ton Paragraphe</p>

[razorlok]

Donc en fait, je suis obligé de passer par du javascript pour renvoyer à une ancre selon la sélection de mon Form ?

[Bisûnûrs]

je suis obligé de passer par du javascript pour renvoyer à une ancre selon la sélection de mon Form ?

Oui.
Et pas besoin de balise form.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<select onchange="location.href='#'+this.value">
   <option value="">...</option> 
   <option value="dr033">Aquitaine</option> 
   <option value="dr063">Auvergne</option>
   <option value="dr014">Basse-Normandie</option>
</select>
[...]
<p id="dr033">Aquitaine</p>

[razorlok]

Ne connaissant quasiment rien en javascript, quelqu'un pourrait-il m'expliquer le script a mettre en place pour l'implantation de ces ancres ?

[Bisûnûrs]

Cf mon post précédent ...

[razorlok]

Je viens d'essayer avec ce code la :

<select onchange="location.href='#'+this.value">
<option value="">...</option>
<option value="dr033">Aquitaine</option>
<option value="dr063">Auvergne</option>
<option value="dr014">Basse-Normandie</option>
</select>
[...]
<p id="dr033">Aquitaine</p>

Effectivement, lorsque je sélectionne Aquitaine dans ma liste déroulante, je suis renvoyé à une ancre, mais la première ancre que j'ai créée, dans mon paragraphe, à savoir <A NAME="alsace">Alsace</a>.

Je ne comprend pas bien le rôle de <p id="dr033">Aquitaine</p>.