probleme Clonage menu

Version imprimable

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

voici le code de mon 1er menu qui fonctionne parfaitement

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

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

28/02/2006, 20h38
gorgonite

avant qu'un puriste n'arrive, supprimes les onclick="javascript:function()", et mets des onclick="function()"
28/02/2006, 20h41
gorgonite

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

d'autant plus que j'ai l'impression que ça ne respecte pas l'unicité des id
01/03/2006, 10h06
denisC

Citation:

Envoyé par gorgonite

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

http://dcabasson.developpez.com/imag...pascontent.gif

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

donc voici mon menu1 modifié: :)

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

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:

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>

:cry:

01/03/2006, 12h00
denisC

Citation:

Envoyé par vincedjs

:cry:

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:

Citation:

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

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

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

01/03/2006, 15h24
denisC

Citation:

Envoyé par vincedjs

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

:arrow: http://web.developpez.com/tutoriel/javascript/
01/03/2006, 16h54
vincedjs

mais sur ce tutorial il n'a pas la méthode "onload"
Doit utilisé une autre méthode ?
Avec l'aide de :google2: , il en es resorti qu'il fallai faire une fonction reunissant les autres fonctions comme je l ai fait.

Code:

window.onload=montres;

mais ca fonctionne pas, meme moins qu'avant les 2 ne vont pas :?
Vous connaissez 1 autre méthode ?
01/03/2006, 17h22
denisC

Citation:

Envoyé par vincedjs

Vous connaissez 1 autre méthode ?

Tu as déjà fait de la programmation? Dans un langage, n'importe lequel?
02/03/2006, 09h51
vincedjs

:lol: vb, mais bon si c est pour me critiquer je me passerai de tes explications merci c'est mon 1er stage...
02/03/2006, 11h05
denisC

Citation:

Envoyé par vincedjs

:lol: 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?

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:

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>

02/03/2006, 11h17
denisC
Citation:
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:

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:

1 2 3 4 <script type="text/javascript"> window.onload=function(){montre();montre2();}; </script>
et ça sera bon.
02/03/2006, 11h32
vincedjs

c'est bon nickel, j'allai devenir fou avec de menu lol :D merci :wink: