Comment afficher 2 calques à la fois ?
Bonjour,
J'ai un script censé me permettre d'afficher deux calques (ou layers) issus chacun de deux listes déroulante différentes.
Mon probleme est le suivant: quand j'affiche un premier calque avec la premiere liste déroulante il disparait quand j'affiche un deuxieme calque avec l'autre liste déroulante. Autrement dit le script ne peut afficher qu'un seul calque à la fois. Or moi je veux qu'il puissent en afficher deux à la fois (l'un à la suite de l'autre, sans que l'un des deux disparaisse).
Pouvez-vous m'aidez? C'est un problème tout bête mais je ne trouve la solution nulle part. :help: Merci d'avance.
Voici mon script: vous constaterez par vous même qu'on ne peut pas afficher deux calques en même temps :cry: . Quand on affiche un autre calque avec l'autre menu deroulant, le précédent disparait comme si la page s'était raffraichie.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
| <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:0;visibility:hidden">
Voiture
</DIV>
<DIV id="layer2" style="position:absolute;left:500px;top:300px;z-index:0;visibility:hidden">
Animaux
</DIV>
<DIV id="layer3" style="position:absolute;left:700px;top:400px;z-index:0;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:1;visibility:hidden">
Nettoyage
</DIV>
<DIV id="layer5" style="position:absolute;left:200px;top:500px;z-index:1;visibility:hidden">
Travail
</DIV>
<DIV id="layer6" style="position:absolute;left:450px;top:550px;z-index:1;visibility:hidden">
Informatique
</DIV>
</BODY></HTML> |
