Je souhaiterai faire une liste déroulante mais que celle-ci apparaisse sur le clique d'une image. Comme sur ce forum lorsque l'on souhaite modifier la couleur d'écriture.
Merci de votre aide
Version imprimable
Je souhaiterai faire une liste déroulante mais que celle-ci apparaisse sur le clique d'une image. Comme sur ce forum lorsque l'on souhaite modifier la couleur d'écriture.
Merci de votre aide
tu souhaites gérer un événement, la solution n'est pas du ressort de css mais de javascript.Citation:
que celle-ci apparaisse sur le clique d'une image.
Il faut insérer ta liste déroulante dans le code html avec par défaut un display none, puis dans la balise img rajouter un "onclick=..." pour modifier dynamiquement la valeur du display.
pour arriver a ce que tu souhaite tu doit faire un peut de javascript;
1- dans le style de ta liste deroulante ajoute la propriete suivante:2- ajoute le scripte javascript suivant :Code:display:non;
où (id) est l,identificateur de ta liste deroulante.Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 function montre(id) { var d = document.getElementById(id); if (d) { if(!d.style.display || d.style.display == 'none') { d.style.display='block'; } else if(d.style.display == 'block') { d.style.display='none'; } } }
3- dans la balise de ton image ajoute le code suivant:
sa doit marcher;Code:
1
2 onclick="montre('id_liste_deroulante');"
bon courage.:D
Ou en version condensée :
Code:
1
2
3
4
5 function montre(id) { var d = document.getElementById(id); d.style.display == 'block'?d.style.display='none':d.style.display='block'; }