faire apparaitre d'autres div

**tawba** · 28/01/2008, 16h57

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 :

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
<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 !!!

**jojosbiz** · 28/01/2008, 18h36

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et non

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(2).style.display

PS: Pense à utiliser le tage CODE quand tu laisses du code dans un message.

**SpaceFrog** · 28/01/2008, 20h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

id="_1"

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('_1')

**tawba** · 29/01/2008, 09h43

Bonjour,

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

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
 
 
<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 !!!

**SpaceFrog** · 29/01/2008, 16h55

une fonction accepte this en paramètre

**tawba** · 30/01/2008, 09h14

Salut,

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

**SpaceFrog** · 30/01/2008, 09h55

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
 
<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>

**tawba** · 30/01/2008, 11h26

merciiiii

**SpaceFrog** · 30/01/2008, 11h31

j'espère qu tu as compris le principe ... il suffit de preciser dasn quel div tu te situes .?

**dingoth** · 30/01/2008, 11h45

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

**SpaceFrog** · 30/01/2008, 12h12

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

faire apparaitre d'autres div

JavaScript

Discussions similaires

Partager

Partager