Discussion :

[Carter]

Bonjour à Tous,

Voilà j'ai une page HTML qui contient 2 calques (Layer1 et Layer2).
J'ai créé 2 boutons: Vue1 et Vue2.
J'aimerai qu'en cliquant sur le bouton Vue1 le calque Layer1 s'affiche et le calque Layer2 se masque, et en cliquant sur le bouton Vue2 que ça soit l'inverse (Layer1 masqué et Layer2 affiché).

Je sais comment en cliquant sur un bouton, j'arrive à agir sur un seul calque, mais pas sur les deux.

Si quelqu'un peut m'aider.

Merci d'avance.

[SpaceFrog]

Code :

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

style.display

[Carter]

Merci mais concrètement comment je fais ?
Pour un bouton j'ai un onClick que j'utilise pour un des 2 calques, mais comment faire pour appliquer mon onClick sur 2 évènements simultanément ?

[SpaceFrog]

Code :

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

obj1.style.display='none';obj2.style.display='block'

[Carter]

Merci; mais j'ai un soucis.
Le code suivant ne donne rien.

Code :

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

1
2
<button onClick="document.getElementById('Layer1').style.visibility='visible'; 
document.getElementById('Layer2').style.visibility='hidden'">Vue1</button>

[Carter]

En modifiant mon code, ça masque mais n'affiche pas l'autre.

Code :

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

1
2
<button onClick="Layer2.style.display='none'; 
Layer1.style.display='block'">Vue2</button>

Une idée ?

[Carter]

C bon ça marche.

Merci.