probleme Clonage menu

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

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, 20h38

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

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

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, 10h06

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, 11h53

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, 12h00

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, 14h30

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, 15h24

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, 16h54

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, 17h22

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, 09h51

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, 11h05

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, 11h12

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, 11h17

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, 11h32

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

merci

probleme Clonage menu

JavaScript

Vue hybride

Discussions similaires

Partager

Partager