faire apparaitre d'autres div

Version imprimable

Bonjour,

j'ai un soucis je ne sais pas comment faire apparaitre mes autres div avec l id 3 et id 4 ! je ve en faire 10 de id

mon code ressemble a faire :

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
<script type="text/javascript"> 
 
 
   function select_type_one() 
   { 
       document.getElementById(2).style.display = "block"; 
       document.getElementById(1).style.display = "none"; 
 
   } 
 
   function select_type_plage() 
   { 
       document.getElementById(1).style.display = "block"; 
       document.getElementById(2).style.display = "none"; 
   } 
 
   function select_type_vide() 
   { 
       document.getElementById(2).style.display = "none"; 
       document.getElementById(1).style.display = "none"; 
 
   } 
 
    function affiche(value) 
    { 
 
   if (value=='all') 
   { 
       select_type_vide() 
   } 
   else if(value=='one') 
   { 
        select_type_one() 
   } 
   else if(value=='plage') 
   { 
        select_type_plage() 
   } 
 
    } 
 
</script> 
</head>
 
<body>
<table>
<tr>
<td>
<select onchange="affiche(this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id="2" style="display:none;"><input name="one" type="text" size="4" value="">
</div> 
<div id="1" style="display:none;">
<input name="plage" type="text" size="2" value="">
<img src="../img/puce.gif" />
<input name="plage" type="text" size="2" value="">
</div> 
</td>
</tr>
<tr>
<td>
 <select onchange="affiche(this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id="3" style="display:none;"><input name="one" type="text" size="4" value="">
</div> 
<div id="4" style="display:none;"><input name="plage" type="text" size="2" value="">
<img src="../img/puce.gif" /> <input name="plage" type="text" size="2" value="">
</div> 
</td>                                            
</tr>
</table>

merci pour votre aide !!!

28/01/2008, 18h36
jojosbiz

Salut,
tu dois mettre les id sous forme de chaine:

Code:

document.getElementById('2').style.display

et non

Code:

document.getElementById(2).style.display

PS: Pense à utiliser le tage CODE quand tu laisses du code dans un message.
28/01/2008, 20h51
SpaceFrog

Oui j'ai d'ailleuri lu quelquepart qu'il était déconseillé de mettre uniquement du numérique pour les id ..
Je ne me rappelle pas pourquoi :(

donc

Code:

id="_1"

et

Code:

document.getElementById('_1')

Bonjour,

J'ai fais ca mais ca ne fonctionne toujours pas. Je veux qu il apparaitre en plusieurs fois :cry:

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
 
 
<script type="text/javascript"> 
 
 
   function select_type_one() 
   { 
       document.getElementById('one').style.display = "block"; 
       document.getElementById('plage').style.display = "none"; 
 
   } 
 
   function select_type_plage() 
   { 
       document.getElementById('plage').style.display = "block"; 
       document.getElementById('one').style.display = "none"; 
   } 
 
   function select_type_vide() 
   { 
       document.getElementById('one').style.display = "none"; 
       document.getElementById('plage').style.display = "none"; 
 
   } 
 
    function affiche(value) 
    { 
 
   if (value=='all') 
   { 
       select_type_vide() 
   } 
   else if(value=='one') 
   { 
        select_type_one() 
   } 
   else if(value=='plage') 
   { 
        select_type_plage() 
   } 
 
    } 
 
</script> 
</head>
 
<body>
<table>
<tr>
<td>
<select onchange="affiche(this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id='one' style="display:none;"><input name="one" type="text" size="4" value="">
</div> 
<div id='plage' style="display:none;">
<input name="plage" type="text" size="2" value="">
<img src="../img/puce.gif" />
<input name="plage" type="text" size="2" value="">
</div> 
</td>
</tr>
<tr>
<td>
 <select onchange="affiche(this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id='one' style="display:none;"><input name="one" type="text" size="4" value="">
</div> 
<div id='plage' style="display:none;"><input name="plage" type="text" size="2" value="">
<img src="../img/fleche.gif" /> <input name="plage" type="text" size="2" value="">
</div> 
</td>                                            
</tr>
</table>

en résumé je veux faire 10 menu déroulant de la meme facon sur la meme page.
Merci pour votre aide !!!

29/01/2008, 16h55
SpaceFrog

une fonction accepte this en paramètre
30/01/2008, 09h14
tawba

Salut,

Je souhaiterai dupliquer plusieurs fois le menu déroulant....

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
 
<html>
<head>
 
 
 
<script type="text/javascript"> 
 
 
 
  function affiche(ObjId,Action){ 
 	if (Action=="all"){
 		 document.getElementById('one'+ObjId).style.display='none'; 
  		 document.getElementById('plage'+ObjId).style.display='none';}
	if (Action=="one"){
 		 document.getElementById('one'+ObjId).style.display='block'; 
  		 document.getElementById('plage'+ObjId).style.display='none';}
	if (Action=="plage"){
 		 document.getElementById('one'+ObjId).style.display='none'; 
  		 document.getElementById('plage'+ObjId).style.display='block';}
	}  		
 
 
</script> 
</head>
 
<body>
<table >
<tr>
<td>
<select id="_1" onchange="affiche('_1',this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id='one_1' style="display:none;">
	<input name="one1" type="text" size="4" value="">
</div> 
<div id='plage_1' style="display:none;">
	<input name="plage" type="text" size="2" value="">
	<img src="../img/puce.gif" />
<input name="plage" type="text" size="2" value="">
</div> 
</td>
</tr>
<tr>
<td>
 <select id="_2" onchange="affiche('_2',this.value);">              
 
       <option  value="all"> All</option> 
 
       <option  value="one">One</option> 
 
       <option  value="plage"> Plage </option>    
 
</select> 
</td>
<td>
<div id='one_2' style="display:none;"><input name="one" type="text" size="4" value="">
</div> 
<div id='plage_2' style="display:none;"><input name="plage" type="text" size="2" value="">
<img src="../img/fleche.gif" /> <input name="plage" type="text" size="2" value="">
</div> 
</td>                                            
</tr>
</table>
</body>
</html>

30/01/2008, 11h26
tawba

merciiiii :D
30/01/2008, 11h31
SpaceFrog

j'espère qu tu as compris le principe ... il suffit de preciser dasn quel div tu te situes .?
30/01/2008, 11h45
dingoth

Citation:

Envoyé par SpaceFrog

Oui j'ai d'ailleuri lu quelquepart qu'il était déconseillé de mettre uniquement du numérique pour les id ..
Je ne me rappelle pas pourquoi :(

Parce que de manière standardisée, dans un document SGML (comme le HTML et le XHTML), les attributs de type ID (dans le cas du HTML et du XHTML, il s'agit de l'attribut ID) ne peuvent commencer par un chiffre, par un espace ou un caractère spécial (donc en fait, peuvent commencer par a-zA-Z_), et ce depuis... le début de SGML :)
30/01/2008, 12h12
SpaceFrog

Merci de ce complément d'information, il me semblait bien que j'avais croisé ça quelquepart ...