Double Onclick sur 1 seul objet ?
DooWap
-
Utilisateur anonyme -
Utilisateur anonyme -
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 !
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 !
4 réponses
-
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> -
-
Par contre chais pas comment on fait pour éditer le titre et mettre [résolu] (vu que j'ai pas de compte) :p
-
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.
