Intégration dynamique de ce menu ascenseur

**Alexandrebox** · 15/09/2010, 19h50

Bonsoir les amis,

Je viens vers vous car j'ai trouvé un menu ascenseur que j'ai testé et qui marche parfaitement.
J'ai un menu dynamique ascenseur également qui me vient de ma base de données. Actuellement le résultat s'affiche nickel mais sans ascenseur. J'ai essayé de l'adapter mais ça ne marche pas.

Voici le script et la démo qui marche :
http://www.dynamicdrive.com/dynamici...switchmenu.htm
Je l'ai téléchargé et ça marche également chez moi.

Voici mon code qui marche nickel sans ascenseur.

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
<?php
 
//Menus liste produits classés par pays
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$req = mysql_query($requete);
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$var_menu .= '<div >'.$varmenu."</div>";
 
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
$var_menu .= vsprintf($format, $values);
}
$var_menu.='</UL>';
return $var_menu;
}// fin de la fonction menus
?>

Voici ce que j'ai essayé de faire à partir du code du site et qui ne marche pas encore:

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
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$var_menu .= '<div id="masterdiv">';
$req = mysql_query($requete);
$monincrement = 0;
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$monincrement +=1;
$switchMenu = 'sub'.$monincrement;
 
$var_menu .= '<div class="menutitle" onclick="SwitchMenu("'.$switchMenu.'")">'.$varmenu."</div>";
 
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
$var_menu .= '<span class="submenu" id="'.$switchMenu.'">';
$var_menu .= vsprintf($format, $values);
$var_menu .='</span>';
}
$var_menu.='</div>';
$var_menu.='</UL>';
 
return $var_menu ;
}// fin de la fonction menus

Pourriez-vous s'il vous plaît m'aidez à voir plus clair? J'ai mal placé les éléments autour des variables. J'en suis certain. D'avance merci pour votre aide.

**sabotage** · 15/09/2010, 21h04

Est-ce que tu as controlé que le code HTML que tu as construis est conforme à celui que tu veux obtenir ?

Ici par exemple tu aurais du voir qu'il te manque les guillemets dans la fonction SwitchMenu :

Code :

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

$var_menu .= '<div class="menutitle" onclick="SwitchMenu("\''.$switchMenu.'\'")">'.$varmenu."</div>";

**Alexandrebox** · 15/09/2010, 21h39

Merci Sabotage mais le problème ne vient pas de là parce que ça ne change rien après correction.
Je me demande si il y a pas des erreurs ailleurs

**sabotage** · 15/09/2010, 21h49

Ba a toi de regarder comme je t'ai indiqué.

**Alexandrebox** · 15/09/2010, 22h54

J'ai regardé mais n'ai rien trouvé qui cloche.
Le code que j'ai mis est-il juste ?

Je ne connais pas le javascript. Peut-être mon code ci-dessous n'est pas correcte ?

STP pourras-tu m'aider ?

Merci

**sabotage** · 15/09/2010, 23h24

Il n'y a pas de javascript dans le code que tu nous montres.

Regarde le HTML que tu obtiens, s'il est exactement conforme au modèle, ce n'est pas un problème PHP ; pose alors ta question dans le forum Javascript avec le code HTML et le code Javascript.

**Alexandrebox** · 15/09/2010, 23h36

C'est un problème php parce que le code sans php donc le code statique marche bien. C'est quand j'essaie de l'adapter à mon php que j'ai ce problème.
Merci pour ton aide mais penses-tu que le code que j'ai écris en php donnera comme résultat ceci ? :

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
<UL >
<div id="masterdiv">
 
<div class="menutitle" onclick="SwitchMenu('sub1')"><li>Arts anciens Chine</li></div>
	<span class="submenu" id="sub1">
		<li><a href="new.htm">What's New</a></li>
		<li><a href="hot.htm">What's hot</a></li>
		<li><a href="revised.htm">Revised Scripts</a></li>
		<li><a href="morezone/">More Zone</a></li>
	</span>
 
	<div class="menutitle" onclick="SwitchMenu('sub2')"><li>Arts anciens Moyen Orient</li></div>
	<span class="submenu" id="sub2">
		<li><a href="notice.htm">Usage Terms</a></li>
		<li><a href="faqs.htm">DHTML FAQs</a></li>
		<li><a href="help.htm">Scripts FAQs</a></li>
	</span>
 
	<div class="menutitle" onclick="SwitchMenu('sub3')"><li>Help Forum</li></div>
	<span class="submenu" id="sub3">
		<li><a href="http://www.codingforums.com">Coding Forums</a></li>
	</span>
 
	<div class="menutitle" onclick="SwitchMenu('sub4')"><li>Cool Links</li></div>
	<span class="submenu" id="sub4">
	<li><a href="http://www.javascriptkit.com">JavaScript Kit</a></li>
		<li><a href="http://www.freewarejava.com">Freewarejava</a></li>
		<li><a href="http://www.cooltext.com">Cool Text</a></li>
		<li><a href="http://www.google.com">Google.com</a></li>
	</span>
 
 
 
</div>
</ul>

Je ne suis pas sûr.
C'est au niveau de mon php que ça coince.

Merci pour ta patience

Par exemple j'ai essayé de débuguer en testant l'affichage de ceci :

Code :

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

echo ' <span class="submenu" id="'.$switchMenu.'">';

Et figurez-vous que ça ne me donne rien.

Donc mon code php a un problème.
Peut-être la variable mon html n'est pas mis au bon endroit par rapport à mon code php?

**sabotage** · 15/09/2010, 23h56

Merci pour ton aide mais penses-tu que le code que j'ai écris en php donnera comme résultat ceci ? :

Pourquoi tu ne regardes pas toi meme comme je te le dis depuis le début.
C'est quand même plus simple pour toi de regarder le résultat effectif que pour nous de rejouer le code PHP.

Au passage je me suis planté :

Code :

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

$var_menu .= '<div class="menutitle" onclick="SwitchMenu(\''.$switchMenu.'\')">'.$varmenu."</div>";

**Alexandrebox** · 16/09/2010, 07h39

Merci beaucoup Sabotage.
le code du menu ascenseur marche maintenant. Il m'ouvre maintenant les sous-menus. Le seul problème est qu'il y a seulement le dernier sous-menu qui s'affiche alors qu'il y en a plusieurs dans la liste.
Voici mon code :

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
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$var_menu .= '<div id="masterdiv">';
$req = mysql_query($requete);
$monincrement = 0;
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$monincrement +=1;
$switchMenu = 'sub'.$monincrement;
$var_menu .= '<div class="menutitle" onclick="SwitchMenu(\''.$switchMenu.'\')">'.$varmenu."</div>"; 
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
$var_menu .= '<span class="submenu" id="'.$switchMenu.'">';
$var_menu .= vsprintf($format, $values);
$var_menu .='</span>';
}
 
$var_menu.='</div>';
$var_menu.='</UL>';
 
return $var_menu;
}// fin de la fonction menus

Je débute donc bute un peu. Merci encore pour ta patience. Si tu peux me donner un petit coup de main sur ce point.
P.S. j'ai vu comme tu me l'as demandé mais je n'ai pas trouvé où est l'erreur.

**sabotage** · 16/09/2010, 07h47

Comment utilises-tu la fonction ?

**Alexandrebox** · 16/09/2010, 08h50

J'appelle la fonction de la manière simple

Code :

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

$mesmenus = complexemenus2('categoriemenus', $lang);

Voici la fonction qui marche parfaitement. C'est en intégrant le menu ascenseur que je l'ai mal entouré autour de la variable du tableau sous-menu sans doute. C'est pour ça que chaque menu affiche actuellement un seul sous-menu au lieu de plusieurs.

Le code qui affiche correctement tous les sous-menus sous les 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
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$req = mysql_query($requete);
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$var_menu .= '<div >'.$varmenu."</div>";
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
$var_menu .= vsprintf($format, $values);
}
$var_menu.='</UL>';
return $var_menu;
}// fin de la fonction menus

Merci beaucoup de ton aide

**Alexandrebox** · 16/09/2010, 12h25

Quand je fais ceci, la variable switchMenu n'est plus incrémenté. Du coup id reste bloqué à (sub1) alors les sous-menus s'affichent mais pas de hidden.
C'est un petit problème d'algorithme. Quelqu'un peut m'aider ?

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
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$var_menu .= '<div id="masterdiv">';
$req = mysql_query($requete);
$monincrement = 0;
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$monincrement +=1;
$switchMenu = 'sub'.$monincrement;
$var_menu .= '<div class="menutitle" onclick="SwitchMenu(\''.$switchMenu.'\')">'.$varmenu."</div>"; 
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
//$var_menu .= '<span class="submenu" id="'.$switchMenu.'">';
$var_menu .= vsprintf($format, $values);
//$var_menu .='</span>';
}
$var_menu .= '<span class="submenu" id="'.$switchMenu.'">';
$var_menu .= vsprintf($format, $values);
$var_menu .='</span>';
 
$var_menu.='</div>';
$var_menu.='</UL>';
 
return $var_menu;
}// fin de la fonction menus

**Alexandrebox** · 19/09/2010, 13h40

En bidouillant un peu le code, je suis presque arrivé au bon résultat. Les rubriques s'affichent maintenant en ascenseur. Et quand on clique sur une rubrique les sous-rubriques apparaissent. C'est génial.

Le seul hic est que, c'est seulement la dernière sous-rubrique de la liste qui s'affiche. Les autres ne s'affichent pas. Un bug au niveau de mon algorithme PHP. Quelqu'un peut me donner un coup de pouce please ?

Voici mon code

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
<?php
 
function complexemenus2($dbmenus, $lang_menu)
{
$requete = "SELECT * FROM $dbmenus WHERE lang='$lang_menu' ORDER BY varmenu ASC";
$varmenu = null;
$var_menu = '<UL id="secondary">';
$var_menu .= '<div id="masterdiv">';
$req = mysql_query($requete);
$monincrement = 0;
while ($myRow = mysql_fetch_assoc($req)) {
if($myRow['varmenu'] != $varmenu) {
$varmenu = $myRow['varmenu'];
$monincrement +=1;
$switchMenu = 'sub'.$monincrement;
$var_menu .= '<div class="menutitle" onclick="SwitchMenu(\''.$switchMenu.'\')">'.$varmenu."</div>"; 
}
$format = '<li ><a href = "%s">%s</a></li>';    
$values = array($myRow['link'], $myRow['titre']); 
$le_menu = vsprintf($format, $values);
$var_menu .= '<span class="submenu" id="'.$switchMenu.'">';
$var_menu .= $le_menu;
$var_menu .='</span>';
 
}
$var_menu.='</div>';
$var_menu.='</UL>';
return $var_menu;
}// fin de la fonction menus
?>

D'avance je vous remercie beaucoup

**sabotage** · 22/09/2010, 11h09

Si tu exécutes ta requête dans phpMyAdmin, tu obtiens quoi ?

**Alexandrebox** · 22/09/2010, 12h01

Le résultat correcte. Ce n'est pas à ce niveau là. C'est au niveau de la concaténation qui merde à quelque part. C'est mon code php.
D'avance merci

**sabotage** · 22/09/2010, 13h45

Regarde encore une fois l'exemple : il ne faut pas un span pour chaque élément du sous-menu.

**Alexandrebox** · 22/09/2010, 14h14

S'il te plaît pourras-tu me donner un exemple depuis mon code?
Parce que je ne comprends pas.
Merci

**sabotage** · 22/09/2010, 14h39

Encore une fois, pour comprendre tu as juste à comparer ton HTML à celui de l'exemple :

L'exemple :

Code :

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

1
2
3
4
<span class="submenu" id="sub1">
		<a href="new.htm">What's New</a><br>
		<a href="hot.htm">What's hot</a><br>
</span>

Toi :

Code :

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

1
2
3
4
5
6
<span class="submenu" id="sub1">
	<a href="new.htm">What's New</a><br>
</span>
<span class="submenu" id="sub1">
	<a href="hot.htm">What's hot</a><br>
</span>

**Alexandrebox** · 22/09/2010, 14h55

Non pas tout à fait.
Le site :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
Rubrique 1
<span class="submenu" id="sub1">
<a href="new.htm">What's New</a><br>
<a href="hot.htm">What's hot</a><br>
</span>
 
Rubrique 2
<span class="submenu" id="sub2">
<a href="new.htm">What's New</a><br>
<a href="hot.htm">What's hot</a><br>
</span>

sub doit être incrémenter. pour chaque rubrique. Ce que j'essaie de faire, c'est span autour de chaque rubrique comme l'exemple ci-dessus.

Merci d'avance pour ton aide

**sabotage** · 22/09/2010, 15h42

Non pas tout à fait.

Si, si, ce que j'ai écris est tout à fait ta situation.

Intégration dynamique de ce menu ascenseur

Langage PHP

Discussions similaires

Partager

Partager