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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
 
<a href=\"javascript:showHide(3);\" order=\"4\">Faire apparaitre</a>

Je vous remercie d'avance pour votre aide