Discussion :

[blanchonvincent]

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

[amnesias]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

Encore plus rapide :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et le JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[blanchonvincent]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

qui ne marche pas :/

[amnesias]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Kerod]

Encore plus rapide :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et le JS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[blanchonvincent]

T'es formidable ça marche

Merci.

[blanchonvincent]

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

[Kerod]

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