Comment afficher 2 calques EN MEME TEMPS avec 2 menus déroulants?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment afficher 2 calques EN MEME TEMPS avec 2 menus déroulants?

chewee297

Salut

J'ai ce script sous la main et voilà mon probleme: quand on affiche un calque avec le 1er menu déroulant, il disparait quand affiche un autre calque avec le 2ème menu déroulant. Donc je voudrais savoir comment faire pour que le calque du premier menu déroulant reste affiché à l'ecran quand on affiche le second calque avec l'autre menu déroulant (en gros je veux voir à l'ecran les 2 calques en même temps). Merci d'avance

Code :

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
var encours="";
function AffLayer1(liste) {
var nomlayer=liste.options[liste.selectedIndex].value;
if (document.all) {
if (encours!="" ) {document.all[encours].style.visibility="hidden";}
encours=nomlayer;
if (nomlayer!="" ) {document.all[encours].style.visibility="visible";}
}
if (document.layers) {
if (encours!="" ) {document.layers[encours].visibility="hide";}
encours=nomlayer;
if (nomlayer!="" ) {document.layers[encours].visibility="show";}
}
if (document.getElementById) {
if (encours!="" ) {document.getElementById(encours).style.visibility="hidden";}
encours=nomlayer;
if (nomlayer!="" )
{document.getElementById(encours).style.visibility="visible";}
}
}
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var encours="";
function AffLayer2(liste) {
var nomlayer=liste.options[liste.selectedIndex].value;
if (document.all) {
if (encours!="" ) {document.all[encours].style.visibility="hidden";}
encours=nomlayer;
if (nomlayer!="" ) {document.all[encours].style.visibility="visible";}
}
if (document.layers) {
if (encours!="" ) {document.layers[encours].visibility="hide";}
encours=nomlayer;
if (nomlayer!="" ) {document.layers[encours].visibility="show";}
}
if (document.getElementById) {
if (encours!="" ) {document.getElementById(encours).style.visibility="hidden";}
encours=nomlayer;
if (nomlayer!="" )
{document.getElementById(encours).style.visibility="visible";}
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT NAME="liste" onChange='AffLayer1(this)'>
<option value="">Choisir un calque</option>
<option value="layer1">Voiture</option>
<option value="layer2">Animaux</option>
<option value="layer3">Maison</option>
</SELECT>
</FORM>
<DIV id="layer1" style="position:absolute;left:200px;top:100px;z-index:1;visibility:hidden">
Voiture
</DIV>
<DIV id="layer2" style="position:absolute;left:500px;top:300px;z-index:1;visibility:hidden">
Animaux
</DIV>
<DIV id="layer3" style="position:absolute;left:700px;top:400px;z-index:1;visibility:hidden">
Maison
</DIV>
<FORM>
<SELECT NAME="liste" onChange='AffLayer2(this)'>
<option value="">Choisir un calque</option>
<option value="layer4">nettoyage</option>
<option value="layer5">travail</option>
<option value="layer6">informatique</option>
</SELECT>
</FORM>
<DIV id="layer4" style="position:absolute;left:300px;top:600px;z-index:2;visibility:hidden">
Nettoyage
</DIV>
<DIV id="layer5" style="position:absolute;left:200px;top:500px;z-index:2;visibility:hidden">
Travail
</DIV>
<DIV id="layer6" style="position:absolute;left:450px;top:550px;z-index:2;visibility:hidden">
Informatique
</DIV>
</BODY></HTML>

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Comment afficher 2 calques EN MEME TEMPS avec 2 menus déroulants?

Sujets relatifs
Afficher des balises span dans la statusBar	afficher le resultat d'un calcul sans faire un submit
Afficher du VBA dans une page HTML	afficher le résultat d'une simple requete
Problème image quelques fois affiché sous IE mais pas tout le temps	[RESOLU] afficher une liste sauf un
CSS et IE: Marges sous les images // Firefox: chargement en 2 temps	[Résolu] [DOM Scripting] Afficher/masquer des images
Composant pour afficher une liste de fichiers	donner un temps d attente a n importe quelle cmd dos
Plus de sujets relatifs à : Comment afficher 2 calques EN MEME TEMPS avec 2 menus déroulants?

Page générée en 0.064 secondes