probleme Clonage menu

**vincedjs** · 28/02/2006, 16h58

Bonjour voila j'ai 1 problème avec mon menu, en faite il fonctionne parfaitement et je dois utilisé le meme sur la meme page juste en dessous mais avec des autres champ pour ma requete, seulement j'ai l'impression qu'il a une erreur lié au javascript, car les 2 menu s'affiche sauf que dans le 2eme l'arborescence est affiché sans clic, or le javascript ne l'affiche sur le 1er menu que sur clic.

Ensuite quand je clic sur un menu du 2eme menu les sous menu aparaissent dans le 1er menu

voici le code de mon 1er menu qui fonctionne parfaitement

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
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"> 
/* <![CDATA[ */ 
window.onload=montre; 
function montre(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
/* ]]> */ 
</script>
<script type="text/javascript">  
function menuclick(valeur) 
{ 
document.form2.menuclick.value = valeur;
}  
</script>  
<dl id="menu1"> 
<?php 
include ("mysqlconnect.php"); 
//requete grandes rubriques 
$sql = "SELECT m.applicationModM, f.nomFiche ". 
       "FROM modulemis m, fiches f ". 
       "WHERE enseigne = m.applicationModM ". 
       "ORDER BY m.applicationModM, f.nomFiche"; 
$requete = mysql_query($sql);
 
$menu= "";
$i = 1; 
$fin = false;
echo'-MIS'; 
while($data = mysql_fetch_array($requete)) 
	{ 
    if($menu != $data['applicationModM']) 
		{ 
		$menu = $data['applicationModM'];
		if($i > 1) 
        { 
?>
            </ul> 
            </dd> 
<?php 
        } 
?>
  <dt onclick="javascript:montre('smenu<?php echo $i; ?>');"><Br>
  <?php echo $data['applicationModM']; ?></dt>  
            <dd id="smenu<?php echo $i; ?>"> 		
                <ul> 			
<?php $i++; 
        } 
?> 
       <li><a href="traitementmenu.php" onclick="javascript:menuclick('<?php $data['nomFiche']; ?>');">
	   <?php echo $data['nomFiche']; ?></a></li>            
<?php   
    }
?>    
</dl>

et celui de mon 2eme menu

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
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript"> 
/* <![CDATA[ */ 
window.onload=montre; 
function montre2(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
/* ]]> */ 
</script>
<script type="text/javascript">  
function menuclick(valeur) 
{ 
document.form2.menuclick.value=valeur;
}  
</script>  
<dl id="menu2"> 
<?php 
include ("mysqlconnect.php"); 
//requete grandes rubriques 
$sql2 = "SELECT m.applicationModR, f.nomFiche ". 
       "FROM modulered m, fiches f ". 
       "WHERE enseigne = m.applicationModR ". 
       "ORDER BY m.applicationModR, f.nomFiche"; 
$requete2 = mysql_query($sql2);
 
$menu= "";
$i = 1; 
$fin = false; 
while($data2 = mysql_fetch_array($requete2)) 
	{ 
    if($menu != $data2['applicationModR']) 
		{ 
		$menu = $data2['applicationModR'];
		if($i > 1) 
        { 
?>
            </ul> 
            </dd> 
<?php 
        } 
?>
  <dt onclick="javascript:montre2('smenu<?php echo $i; ?>');"><Br>
  <?php echo $data2['applicationModR']; ?></dt>  
            <dd id="smenu<?php echo $i; ?>"> 		
                <ul> 			
<?php $i++; 
        } 
?> 
       <li><a href="traitementmenu.php" onclick="javascript:menuclick('<?php $data2['nomFiche']; ?>');">
	   <?php echo $data2['nomFiche']; ?></a></li>            
<?php   
    }     
?> 
</dl>

que dois je faire pour que les 2 menus fonctionne parfaitement, avec donc les sous menu caché et sur clic il s affiche

**gorgonite** · 28/02/2006, 21h38

avant qu'un puriste n'arrive, supprimes les onclick="javascript:function()", et mets des onclick="function()"

**gorgonite** · 28/02/2006, 21h41

au fait avec le code html généré, ce serait plus simple...

d'autant plus que j'ai l'impression que ça ne respecte pas l'unicité des id

**denisC** · 01/03/2006, 11h06

Envoyé par gorgonite

d'autant plus que j'ai l'impression que ça ne respecte pas l'unicité des id

Un id doit être unique sur ta page, et la apparement, ce n'est pas le cas.....

**vincedjs** · 01/03/2006, 12h53

donc voici mon menu1 modifié:

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
<script type="text/javascript"> 
window.onload=montre; 
function montre(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
</script>
<script type="text/javascript">  
function menuclick(valeur) 
{ 
document.form2.menuclick.value = valeur;
}  
</script>  
<dl id="menu1"> 
<?php 
include ("mysqlconnect.php"); 
//requete grandes rubriques 
$sql = "SELECT m.applicationModM, f.nomFiche ". 
       "FROM modulemis m, fiches f ". 
       "WHERE enseigne = m.applicationModM ". 
       "ORDER BY m.applicationModM, f.nomFiche"; 
$requete = mysql_query($sql);
 
$menu= "";
$i = 1; 
$fin = false;
echo'-MIS'; 
while($data = mysql_fetch_array($requete)) 
	{ 
    if($menu != $data['applicationModM']) 
		{ 
		$menu = $data['applicationModM'];
		if($i > 1) 
        { 
?>
            </ul> 
            </dd> 
<?php 
        } 
?>
  <dt onclick="montre('smenu<?php echo $i; ?>');"><Br>
  <?php echo $data['applicationModM']; ?></dt>  
            <dd id="smenu<?php echo $i; ?>"> 		
                <ul> 			
<?php $i++; 
        } 
?> 
       <li><a href="traitementmenu.php" onclick="menuclick('<?php $data['nomFiche']; ?>');">
	   <?php echo $data['nomFiche']; ?></a></li>            
<?php   
    }
?>    
</dl>

et mon menu2 modifié:

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
<script type="text/javascript"> 
window.onload=montre; 
function montre2(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu2'+i)) {document.getElementById('smenu2'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
</script>
<script type="text/javascript">  
function menuclick2(valeur) 
{ 
document.form2.menuclick.value = valeur;
}  
</script>  
<dl id="menu2"> 
<?php 
include ("mysqlconnect.php"); 
//requete grandes rubriques 
$sql = "SELECT m.applicationModR, f.nomFiche ". 
       "FROM modulered m, fiches f ". 
       "WHERE enseigne = m.applicationModR ". 
       "ORDER BY m.applicationModR, f.nomFiche"; 
$requete = mysql_query($sql);
 
$menu= "";
$i = 1; 
$fin = false;
echo'-MIS'; 
while($data = mysql_fetch_array($requete)) 
	{
    if($menu != $data['applicationModR']) 
		{
		$menu = $data['applicationModM'];
		if($i > 1) 
        {
?>
            </ul> 
            </dd> 
<?php 
        }
?>
  <dt onclick="montre2('smenu<?php echo $i; ?>');"><Br>
  <?php echo $data['applicationModR']; ?></dt>  
            <dd id="smenu2<?php echo $i; ?>"> 		
                <ul> 			
<?php $i++; 
        }
?> 
       <li><a href="traitementmenu.php" onclick="menuclick2('<?php $data['nomFiche']; ?>');">
	   <?php echo $data['nomFiche']; ?></a></li>            
<?php   
    }
?>    
</dl>

Met encore le meme problème cité précèdement, les sous menu du menu 2 ne sont pas caché, pourtant j ai numéroté mes fonctions, et ajouté smenu2 au lieu de smenu

Voici le code source de la page génèré: ( juste la génèrations des menus )

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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
window.onload=montre; 
function montre(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
</script>
<script type="text/javascript">  
function menuclick(valeur) 
{ 
document.form2.menuclick.value = valeur;
}  
</script>  
<dl id="menu1"> 
 
-MIS  <dt onclick="montre('smenu1');"><Br>
  AP</dt>  
            <dd id="smenu1"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 1</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu2');"><Br>
  AR</dt>  
            <dd id="smenu2"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 3</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu3');"><Br>
  CM</dt>  
            <dd id="smenu3"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 7</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu4');"><Br>
  EIP</dt>  
            <dd id="smenu4"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 6</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu5');"><Br>
  FA</dt>  
            <dd id="smenu5"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 4</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu6');"><Br>
  GL</dt>  
            <dd id="smenu6"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 2</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu7');"><Br>
  OFA</dt>  
            <dd id="smenu7"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 8</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre('smenu8');"><Br>
  PO</dt>  
            <dd id="smenu8"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick('');">
	   Facture test 5</a></li>            
 
</dl>
</th>
                  </tr>
                  <tr>
                    <th height="102" scope="row"><script type="text/javascript"> 
window.onload=montre; 
function montre2(id) 
{ 
    var d = document.getElementById(id); 
    for (var i = 1; i<=10; i++) 
    { 
        if (document.getElementById('smenu2'+i)) {document.getElementById('smenu2'+i).style.display='none';} 
    } 
    if (d) {d.style.display='block';} 
} 
</script>
<script type="text/javascript">  
function menuclick2(valeur) 
{ 
document.form2.menuclick.value = valeur;
}  
</script>  
<dl id="menu2"> 
 
-MIS  <dt onclick="montre2('smenu1');"><Br>
  AUTRES</dt>  
            <dd id="smenu21"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 14</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre2('smenu2');"><Br>
  BDD</dt>  
            <dd id="smenu22"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 11</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre2('smenu3');"><Br>
  CLEMENTINE</dt>  
            <dd id="smenu23"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 10</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre2('smenu4');"><Br>
  FORMATION</dt>  
            <dd id="smenu24"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 12</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre2('smenu5');"><Br>
  SPSS</dt>  
            <dd id="smenu25"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 9</a></li>            
            </ul> 
            </dd> 
  <dt onclick="montre2('smenu6');"><Br>
  TRUCS ET ASTUCES</dt>  
            <dd id="smenu26"> 		
                <ul> 			
 
       <li><a href="traitementmenu.php" onclick="menuclick2('');">
	   Facture test 13</a></li>            
 
</dl></th>
                  </tr>

**denisC** · 01/03/2006, 13h00

Envoyé par vincedjs

Pas besoin de pleurer, il suffit de faire un peu attention. C'est pas en collant tout paf comme ça, que tou va marcher. Repasse ton script ligne à ligne et réfléchit à ce qui dépends du menu ou pas.

Typiquement, tu as deux:

Envoyé par vincedjs

window.onload=montre;

Donc forcément, ça n'initialise pas le deuxième menu.

Et comme c'est un peu plus compliqué que de faire un copier-coller de cette ligne en changeant montre en montre2, tu vas devoir réfléchir....

**vincedjs** · 01/03/2006, 15h30

j'ai fait ca du coup, mais cette fois ci tout les sous menu son affiché

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
<script type="text/javascript"> 
window.onload=montres;
</script>
<script type="text/javascript"> 
function montres()
	{
	function montre(id) 
		{ 
    	var d = document.getElementById(id); 
    	for (var i = 1; i<=10; i++) 
    		{ 
        	if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
			} 
    	if (d) {d.style.display='block';} 
		}
	function montre2(id) 
		{ 
    	var d = document.getElementById(id); 
    	for (var i = 1; i<=10; i++) 
    		{ 
        	if (document.getElementById('smenu2'+i)) {document.getElementById('smenu2'+i).style.display='none';} 
    		} 
    	if (d) {d.style.display='block';} 
		}  
	}
</script>

**denisC** · 01/03/2006, 16h24

Envoyé par vincedjs

j'ai fait ca du coup, mais cette fois ci tout les sous menu son affiché

http://web.developpez.com/tutoriel/javascript/

**vincedjs** · 01/03/2006, 17h54

mais sur ce tutorial il n'a pas la méthode "onload"
Doit utilisé une autre méthode ?
Avec l'aide de

, il en es resorti qu'il fallai faire une fonction reunissant les autres fonctions comme je l ai fait.

Code :

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

window.onload=montres;

mais ca fonctionne pas, meme moins qu'avant les 2 ne vont pas

Vous connaissez 1 autre méthode ?

**denisC** · 01/03/2006, 18h22

Envoyé par vincedjs

Vous connaissez 1 autre méthode ?

Tu as déjà fait de la programmation? Dans un langage, n'importe lequel?

**vincedjs** · 02/03/2006, 10h51

vb, mais bon si c est pour me critiquer je me passerai de tes explications merci c'est mon 1er stage...

**denisC** · 02/03/2006, 12h05

Envoyé par vincedjs

vb, mais bon si c est pour me critiquer je me passerai de tes explications merci c'est mon 1er stage...

C'est pour critiquer

Tu as pas l'impression que déclarer une fonction dans une autre fonction voire déclarer deux fonctions dans une fonctions, c'est un peu bizarre comme concept?

**vincedjs** · 02/03/2006, 12h12

bein oui, c est la 1ere fois que j'utilise du javascript. J'essaye, j essaye et j essaye.
la j ai modifié par autre chose mais ca fonctionne pas non plus

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
<script type="text/javascript">
window.onLoad="javascript:montre(id);montre2(id);"
</script>
<script type="text/javascript"> 
		function montre(id) 
		{ 
    	var d = document.getElementById(id); 
    	for (var i = 1; i<=10; i++) 
    		{ 
        	if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} 
			} 
    	if (d) {d.style.display='block';} 
		}
</script>
<script type="text/javascript"> 
		function montre2(id) 
		{ 
    	var d = document.getElementById(id); 
    	for (var i = 1; i<=10; i++) 
    		{ 
        	if (document.getElementById('smenu2'+i)) {document.getElementById('smenu2'+i).style.display='none';} 
    		} 
    	if (d) {d.style.display='block';} 
		} 
</script>

**denisC** · 02/03/2006, 12h17

Envoyé par vincedjs

bein oui, c est la 1ere fois que j'utilise du javascript. J'essaye, j essaye et j essaye.
la j ai modifié par autre chose mais ca fonctionne pas non plus

Code :

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

1
2
3
<script type="text/javascript">
window.onLoad="javascript:montre(id);montre2(id);"
</script>

C'est déjà beaucoup mieux. Et cela montre que tu as déjà beaucoup progréssé en Javascript.

Transforme ton truc en:

Code :

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

1
2
3
4
 
<script type="text/javascript">
window.onload=function(){montre();montre2();};
</script>

et ça sera bon.

**vincedjs** · 02/03/2006, 12h32

c'est bon nickel, j'allai devenir fou avec de menu lol

merci

probleme Clonage menu

JavaScript

Discussions similaires

Partager

Partager