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 !
A voir également:
- Double Onclick sur 1 seul objet ?
- Double ecran - Guide
- Whatsapp double sim - Guide
- Double driver - Télécharger - Pilotes & Matériel
- Double appel - Guide
- Double boot - Guide
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
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>