Cacher et faire apparaitre des control

**toddy_101** · 21/02/2007, 13h04

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

**SpaceFrog** · 21/02/2007, 13h18

et le contraire de hidden est ... rouleement de tambour ...

visible !!! tada ....

ne pas confondre display et visibility

display supprime l'objet mais ne conserve pas sa place, visibility le rend invisible

donc visibility='hidden' masque
et visibility='visible' le rend visible ...

c'est dans la FAQ tout ça http://javascript.developpez.com/faq...SS#affichObjet

**toddy_101** · 21/02/2007, 15h35

Je vous remercie pour votre réponse, c'etais en fait ca le probleme, je croyais que display etai propore a netscape.....

Cacher et faire apparaitre des control

JavaScript

Discussions similaires

Partager

Partager