Problème d'ancre dans menu déroulant

Résolu
rick7 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   -  
topcode1 Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

Tout d'abord je précise que tout est sur une page. Je veux créer un menu déroulant qui proposera plusieurs choix, qui une fois sélectionné, positionnera automatiquement l’internaute au niveau de la catégorie qu’il aura choisie.

Mon problème c’est que les ancres ne fonctionnent pas lorsque l’on clique sur « Catégorie 1 » ou « Catégorie 2 » dans le menu déroulant.

<select>
<option selected>Choisir</option>
<option href="#c1"><a>Catégorie 1</a></option>
<option href="#c2"><a>Catégorie 2</a></option>
</select>

---------------------------------------------------

<div id="c1">Catégorie 1</div>
<div id="c2">Catégorie 2</div>

Si vous aviez des suggestions ; merci.


Configuration: Windows / Internet Explorer 11.0
A voir également:

4 réponses

Réponse 1 / 4
jordane45 Messages postés 38484 Date d'inscription   Statut Modérateur Dernière intervention   4 751
 
Bonjour
Le href...ca se met dans le <a ...pas dans le <option
1
Réponse 2 / 4
topcode1 Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   61
 
Bonjour,

Tu devras utiliser du js je pense. Un post sur StackOverflow traite ce sujet :
https://stackoverflow.com/questions/39020871/anchor-tag-in-drop-down

Bonne soirée :)
1
rick7 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   4
 
Merci topcode1 ; c'est ce que je penses également, j'ai lu que du javascript ou du php était capable de faire ce type de menu. Je commence à me renseigner sur javascript et je vois qu'il peut être associé à du HTML.

(Sujet clos)
0
topcode1 Messages postés 250 Date d'inscription   Statut Membre Dernière intervention   61
 
Pas de soucis, Happy Coding! :)
0
Réponse 3 / 4
rick7 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   4
 
Merci Jordane45 ; j'ai modifié (ci-dessous), mais cela ne fonctionne pas.

<select>
<option selected>Choisir</option>
<option><a href="#c1">Catégorie 1</a></option>
<option><a href="#c2">Catégorie 2</a></option>
</select>
0
AstaLaVista1908 Messages postés 85 Date d'inscription   Statut Membre Dernière intervention   33
 
Hello, tu dois mettre au niveau des div la propriété name, et non pas l'ID :

<div name="c1">Catégorie 1</div>
<div name="c2">Catégorie 2</div>
0
rick7 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   4
 
Bonsoir,

Merci AstaLaVista1908, mais cela ne fonctionne pas avec name.
0
telliak Messages postés 3668 Date d'inscription   Statut Membre Dernière intervention   881
 
@AstaLaVista1908
Salut,
Idée révolutionnaire !
W3C dixit : This name attribute can be used to reference the element in a JavaScript.
Dans le cas présenté, on écrit bien <div id=xxx>
0
Réponse 4 / 4
rick7 Messages postés 256 Date d'inscription   Statut Membre Dernière intervention   4
 
Si je tape simplement l'ancre <a href="#c1">Catégorie 1</a> et <div id="c1">Catégorie 1</div> cela fonctionne sans problème. Je ne vois pas où peut si situer le problème lorsque l'ancre se trouve dans le menu ; je me demande si c'est faisable en html ?

Merci.
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses
menu caché
laurent -
ChariduP -

7 réponses
supprimer une liste déroulante
fred94 -
m@rina -

3 réponses