Cacher et faire apparaitre des control
Bonjour tout le monde,
j'ai un probleme au niveau de "hidden"...
pour mieu m'expliquer, je charge une fonction afficher() dans la balise body
<body onload="afficher()">
la fonction afficher() cache des elements...
j'ai crée ensuite un lien qui appelle la fonction showhide() <a href=\"javascript:showHide(1);\" order=\"4\">
la fonction showhide() rend visible les elements que j'ai cché au debut... le probleme c'est qu'elle ne les rend pas visible....
voici le code:
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
102
103
104
105
106
107
108
109
110
|
function afficher()
{
var img4=document.getElementById("img4");
var txt4=document.getElementById("txt4");
var tab4=document.getElementById("tab4");
var img3=document.getElementById("img3");
var txt3=document.getElementById("txt3");
var tab3=document.getElementById("tab3");
var img2=document.getElementById("img2");
var txt2=document.getElementById("txt2");
var tab2=document.getElementById("tab2");
if(navigator.userAgent.indexOf("Netscape6")!=-1)
{
img4.style.visibility = "hidden";
txt4.style.visibility = "hidden";
tab4.style.visibility = "hidden";
img3.style.visibility = "hidden";
txt3.style.visibility = "hidden";
tab3.style.visibility = "hidden";
img2.style.visibility = "hidden";
txt2.style.visibility = "hidden";
tab2.style.visibility = "hidden";
}
else
{ img4.style.display = "none";
txt4.style.display = "none";
tab4.style.display = "none";
img3.style.display = "none";
txt3.style.display = "none";
tab3.style.display = "none";
img2.style.display = "none";
txt2.style.display = "none";
tab2.style.display = "none";
}
}
function showHide(x)
{
var img1=document.getElementById("img1");
var txt1=document.getElementById("txt1");
var tab1=document.getElementById("tab1");
var img4=document.getElementById("img4");
var txt4=document.getElementById("txt4");
var tab4=document.getElementById("tab4");
var img3=document.getElementById("img3");
var txt3=document.getElementById("txt3");
var tab3=document.getElementById("tab3");
var img2=document.getElementById("img2");
var txt2=document.getElementById("txt2");
var tab2=document.getElementById("tab2");
switch (x)
{
case 1 :
img1.style.visibility = "visible";
txt1.style.visibility = "visible";
tab1.style.visibility = "visible";
break;
case 2 :
img2.style.visibility = "visible";
txt2.style.visibility = "visible";
tab2.style.visibility = "visible";
break;
case 3 :
img3.style.visibility = "visible";
txt3.style.visibility = "visible";
tab3.style.visibility = "visible";
break;
case 4 :
img4.style.visibility = "visible";
txt4.style.visibility = "visible";
tab4.style.visibility = "visible";
break;
}
} |
et apres j'appelle par exemple la fonction showhide par un lien...
Code:
1
2
|
<a href=\"javascript:showHide(3);\" order=\"4\">Faire apparaitre</a> |
Je vous remercie d'avance pour votre aide
