Comment cacher un calque suite à un clic ?

Bonjour,
J'ai crée mon calque id='mncalc'
comment faire pour le cacher en appelant un fonction ?

Je voudrais en cliquant sur une image par exemple, que cela appel une fonction js, et cache mon calque (modifie la propriété 'visible')

Merci d'avance :)

ci-dessous, les fonctions pour afficher et masquer quelque chose (calque, paragraphe, images, etc.)

Code:

---

1 2 3 4 5 6 7 8 9 10

function afficher(nom) { var c = document.getElementById(nom); c.style.display='block'; } function masquer(nom) { var c = document.getElementById(nom); c.style.display='none'; }

---

Puis pour appeler ta fonction, t'as juste à faire masquer("mncalc") ou afficher("mncalc").

voilà j'espère que ça t'auras aidé
si t'as des questions, n'hésite pas ;)

Encore plus rapide :

Code:

---

<div id="texte">Texte à cacher</div><img src="" onclick="montreCache(this.id)" />

---

et le JS :

Code:

---

1 2 3 4 5

function montreCache(id) { var c = document.getElementById(id); c.style.display = (c.style.display == '')?'none':''; }

---

En fait ça je savais faire (je te remercie quand même, j'ai pas été assez clair)
Ce que je veux faire c'est que en cliquant sur le bouton, s'il est caché il devient visible, et si visible il devient caché ... voila

c'est le test :

Code:

---

if (calque.style.visibility=='hidden') { calque.style.visibility='visible' ; }

---

qui ne marche pas :/

Ah d'accord, j'avais pas compris cela comme ça.
Dans ce cas, je pense que ce code là risque de t'intéresser :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function affichemasque(nom) { var c = document.getElementById(nom); if(c.style.display=='block') { c.style.display='none'; } else { c.style.display='block'; } }

---

J'ai testé chez moi ça marche
après pour appeler la fonction

Code:

---

1 2	<div id='h'>texte</div> <img src="masque.png" onclick="affichemasque('h')"/>

---

Citation:

---

Envoyé par Kerod

Encore plus rapide :

Code:

---

<div id="texte">Texte à cacher</div><img src="" onclick="montreCache('texte')" />

---

et le JS :

Code:

---

1 2 3 4 5

function montreCache(id) { var c = document.getElementById(id); c.style.display = (c.style.display == '')?'none':''; }

---

---

C'est ce que le code que j'ai donné fait ;)

T'es formidable ça marche :yaisse2:

Merci.

Merci à tous les 2, j'ai pris le code d'amnesias, je comprend pas tous dans l'autre test :/

Le test que j'utilise est simple :

• c.style.display == '' : compare la valeur actuelle du display
• ?'none' : si display == '' alors on met none
• :'' : sinon on met rien