Double Onclick sur 1 seul objet ?

Fermé
DooWap - 21 mai 2012 à 15:20
 Utilisateur anonyme - 21 mai 2012 à 16:17
Bonjour les gens :)

J'ai une petite question pour HTML :
Je voudrais créer une page dans laquelle il y a une image et, quand on clique sur cette image, un lien apparait en dessous = jusque là ca va j'ai réussi à bricoler quelque chose.
mais je voudrais que quand on reclique sur cette image, le lien disparaisse. Faire une sorte d'affichage dynamique en gros. Et faire ainsi de suite, 1 clic = lien apparait, re-clic, il disparait

Voici mon code html (je suis débutante, un peu d'indulgence si j'ai fait des crimes html-istiques) :D

html :
<a onclick="document.getElementById('cache').style.display = 'block'"><img src="photo.jpg" alt="Entrez"/></a><div id="cache"><a href="https://www...">Entrez</a></div>

css:
#cache {display:none}

Que dois-je rajouter (ou changer totalement :D) pour pouvoir faire en sorte que le lien redisparaisse quand on reclique ?

Merci pour vos réponses les z'amis !
A voir également:

4 réponses

Utilisateur anonyme
21 mai 2012 à 15:36
Bonjour

Il suffit de tester la valeur actuelle de style.display. Si c'est 'block', on met 'none', sinon on met 'block'
Pour donner une valeur en fonction du résultat d'un test, le plus simple est d'utiliser l'opérateur ternaire condition ? valeur vrai : valeur faux
<a onclick="document.getElementById('cache').style.display = ((document.getElementById('cache').style.display=='block')?'none':'block');"><img src="photo.jpg" alt="image"/></a>
0
Wouuhéééé c'est pile ce que je voulais !!!

Merci Beaucouuuuup ^^
0
Par contre chais pas comment on fait pour éditer le titre et mettre [résolu] (vu que j'ai pas de compte) :p
0
Utilisateur anonyme
21 mai 2012 à 16:17
Je ne sais pas non plus, vu que je n'ai jamais posé de question.
Mais ça doit être faisable, il y a bien des questions posées par des non-inscrits qui sont en résolu.
0