menu en PHP/mySQL

Marsh Posté le 19-10-2010 à 14:59:28

Bonjour a toutes et tous,
je voulais savoir si quelqu'un pouvait m'aider à faire un menu en PHP/SQL comme celui-ci :

http://css.developpez.com/galerie/ [...] roulant2/#

En récupérant les titres "menu1","menu1",etc. à partir d'une SGBD SQL et les sous-menu également.

J'ai des notions en php/sql, il me faudrait juste un petit coup de pouce s'il vous plait

Merci pour votre aide.

Reply

Marsh Posté le 19-10-2010 à 14:59:28

Reply

Marsh Posté le 19-10-2010 à 15:19:11

Quelle est la difficulté? Qu'est-ce que tu n'arrives pas à faire toi-même?

---------------
Can't buy what I want because it's free -

Reply

Marsh Posté le 19-10-2010 à 18:38:58

soit tu pars sur 2 tables mysql
soit tu pars sur 1 tables mysql hiérarchisé

ensuite comme le dit skeye, où ce trouve ta/tes difficulté/s :??:

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 19-10-2010 à 21:07:46

Bonsoir,
j'ai posté le message de chez ma soeur et je n'avais pas mon code source.

J'ai deux tables comme cela :

Code :

CREATE TABLE rubrique (numrubrique INT not null, nomrubrique VARCHAR (20) NOT NULL, numssrubrique INT not null, PRIMARY KEY (numrubrique));
CREATE TABLE ss_rubrique (numssrubrique INT not null AUTO_INCREMENT, nomssrubrique VARCHAR (40) NOT NULL, photossrubrique VARCHAR (40), numrubrique INT not null, PRIMARY KEY (numssrubrique));

Elles contiennent les données suivantes :

Code :

INSERT INTO rubrique (numrubrique, nomrubrique, numssrubrique) VALUES ("1", "écrits", "1" ), ("2", "scènes", "2" );
INSERT INTO ss_rubrique (numssrubrique, nomssrubrique, photossrubrique, numrubrique) VALUES ("1", "théâtre", "foto1.gif", "1" ), ("2", "enfance et jeunesse", "foto2.gif", "2" );

J'ai trois fichiers.

Un fichier appelé functions.js qui contient la fonction pour le menu :

Code :

function afficheMenu(obj){
var idMenu = obj.id;
var idSousMenu = 'sous' + idMenu;
var sousMenu = document.getElementById(idSousMenu);
/*****************************************************/
/** on cache tous les sous-menus pour n'afficher **/
/** que celui dont le menu correspondant est cliqué **/
/** où 4 correspond au nombre de sous-menus **/
/*****************************************************/
for(var i = 1; i <= 4; i++){
if(document.getElementById('sousmenu' + i) && document.getElementById('sousmenu' + i) != sousMenu){
document.getElementById('sousmenu' + i).style.display = "none";
}
}
if(sousMenu){
//alert(sousMenu.style.display);
if(sousMenu.style.display == "block" ){
sousMenu.style.display = "none";
}
else{
sousMenu.style.display = "block";
}
}
}

Un fichier nommé style.css qui contient les styles pour le menu :

Code :

*{
margin:0;
padding:0;
}
#menu{
width:150px;
margin:20px auto 0 auto;
}
.menu, .sousmenu{
text-align:center;
}
.menu{
height:18px;
width:150px;
padding:2px 0;
background:#404040;
color:#fff;
}
.sousmenu{
height:18px;
width:150px;
padding:1px 0;
background:#808080;
color:#fff;
}
.menu a{
display:block;
width:100%;
height:100%;
color:#fff;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
background:#404040;
}
.sousmenu a{
display:block;
width:100%;
height:100%;
color:#123456;
font-family:arial,sans-serif;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
color:#654321;
}

La page sur laquelle j'appelle le menu dynamiquement ainsi que les fichiers "functions.js" et "style.css" :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content=" />
<meta name="description" content=" />
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="menu/style.css" type="text/css" />
<script type="text/javascript" src="menu/functions.js"></script>
</head>
<body>
<table width="900" height="421" border="0" align="center" bgcolor="#000000">
<tr>
<td width="22"> </td>
<td width="145" valign="top"><br />
<?php include"menu/menu.php" ?>; </td>
<td width="682" valign="top"><br />

Puis, le fichier du menu :

Code :

<?php
require("identification/connexion_sql.php" );
$db = mysql_connect($host_db,$login_db,$password_db) or die ("impossible de se connecter a la base".mysql_error());
mysql_select_db($name_db,$db) or die ("base inexistante".mysql_error());
$req = mysql_query("SELECT * FROM rubrique, ss_rubrique WHERE rubrique.numssrubrique = ss_rubrique.numssrubrique AND rubrique.numrubrique = ss_rubrique.numrubrique" ) or die ("impossible d'effectuer la requête" );
$arrayFlag = array();
while($shopone = mysql_fetch_array($req)){
$nomrubrique = stripslashes($shopone['nomrubrique']);
$nomssrubrique = stripslashes($shopone['nomssrubrique']);
$nomrubrique2 = utf8_encode($nomrubrique);
$nomssrubrique2 = utf8_encode($nomssrubrique);
if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'
<div id="menu">
<div class="menu" id="menu1" onclick="afficheMenu(this)">
<a href="#">'.$nomrubrique2.'</a>
</div>';
$arrayFlag[$shopone['numrubrique']] = true;} // On signale qu'on a affiché cette catégorie au moins une fois
print'<div id="sousmenu1" style="display:none">
<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>
</div>
</div>';
}
mysql_close();
?>

Pour l'instant, le résultat n'est pas terrible comme vous pourrez le constater :

http://www.la-grange-sardieres.fr/ [...] tation.php

Je voudrai le même résultat que le menu pris en exemple dans mon 1er message, mais dans ce que j'ai fait il y a quelque chose qui ne va pas.

Merci beaucoup pour votre aide.

Message édité par quaresma le 19-10-2010 à 21:10:33

Reply

Marsh Posté le 19-10-2010 à 22:35:55

je crois qu'il y a un problème dans ton analyse :

Code :

CREATE TABLE rubrique (numrubrique INT not null, nomrubrique VARCHAR (20) NOT NULL, numssrubrique INT not null, PRIMARY KEY (numrubrique));
CREATE TABLE ss_rubrique (numssrubrique INT not null AUTO_INCREMENT, nomssrubrique VARCHAR (40) NOT NULL, photossrubrique VARCHAR (40), numrubrique INT not null, PRIMARY KEY (numssrubrique));

une rubrique à 0 ou plusieurs sousRubrique
une sousRubrique à 1 et 1 seule rubrique

ça devrais plutôt être comme ça :

Code :

CREATE TABLE rubrique (numrubrique INT not null, nomrubrique VARCHAR (20) NOT NULL, PRIMARY KEY (numrubrique));
CREATE TABLE ss_rubrique (numssrubrique INT not null AUTO_INCREMENT, nomssrubrique VARCHAR (40) NOT NULL, photossrubrique VARCHAR (40), numrubrique INT not null, PRIMARY KEY (numssrubrique));

du coup les données sont :

Code :

INSERT INTO rubrique (numrubrique, nomrubrique) VALUES ("1", "écrits" ), ("2", "scènes" );
INSERT INTO ss_rubrique (numssrubrique, nomssrubrique, photossrubrique, numrubrique) VALUES ("1", "théâtre", "foto1.gif", "1" ), ("2", "enfance et jeunesse", "foto2.gif", "2" );

ensuite au niveau du code PHP pour faire l'affichage je vois pas l'intérêt de cette la variable ligne 6 :

Code :

$arrayFlag = array();

Edit :
horreur la requête SQL vient de me bruler les yeux,

Code :

SELECT * FROM rubrique, ss_rubrique WHERE rubrique.numssrubrique = ss_rubrique.numssrubrique

Edit :
correction de frappe

Message édité par stef_dobermann le 20-10-2010 à 10:07:31

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 19-10-2010 à 22:38:46

Ok pas mal de fautes déjà aïe.
Je crois que je vais avoir besoin d'une précieuse aide... :whistle:

Reply

Marsh Posté le 20-10-2010 à 22:23:06

J'ai fait des modifications, mais le résultat n'est pas encore terrible

Voici mon nouveau code :

Code :

<?php
require("identification/connexion_sql.php" );
$db = mysql_connect($host_db,$login_db,$password_db) or die ("impossible de se connecter a la base".mysql_error());
mysql_select_db($name_db,$db) or die ("base inexistante".mysql_error());
$req = mysql_query("SELECT * FROM rubrique, ss_rubrique WHERE ss_rubrique.numrubrique = rubrique.numrubrique ORDER BY rubrique.numrubrique ASC, ss_rubrique.numssrubrique" ) or die ("impossible d'effectuer la requête" );
$arrayFlag = array();
print'<div id="menu">';
while($shopone = mysql_fetch_array($req)){
$nomrubrique = stripslashes($shopone['nomrubrique']);
$nomssrubrique = stripslashes($shopone['nomssrubrique']);
$nomrubrique2 = utf8_encode($nomrubrique);
$nomssrubrique2 = utf8_encode($nomssrubrique);
if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'
<div class="menu" id="menu'.$shopone['numrubrique'].'" onclick="afficheMenu(this)">
<a href="#">'.$nomrubrique2.'</a>
</div>';
$arrayFlag[$shopone['numrubrique']] = true;} // On signale qu'on a affiché cette catégorie au moins une fois
if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'<div id="sousmenu'.$shopone['numrubrique'].'" style="display:none">
<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>';
}else{
print'<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>';
}
}
print'</div>';
mysql_close();
?>

Puis le résultat :

http://www.la-grange-sardieres.fr/ [...] tation.php

Merci

Reply

Marsh Posté le 21-10-2010 à 14:32:31

dans la source de ta page, il y a bien toute les données.
cela doit venir du HTML...

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 21-10-2010 à 15:16:16

Oui il y a toutes les données, mais la structure HTML de mon fichier PHP n'est pas bonne pour mon menu.
Celui-ci ne fonctionne pas comme je veux.

Je fais plein de tests, mais en vain...

Voici mon nouveau code :

Code :

<?php
require("identification/connexion_sql.php" );
$req = mysql_query("SELECT * FROM rubrique, ss_rubrique WHERE ss_rubrique.numrubrique = rubrique.numrubrique ORDER BY rubrique.numrubrique ASC, ss_rubrique.numssrubrique" ) or die ("impossible d'effectuer la requête" );
$arrayFlag = array();
print'<div id="menu">';
while($shopone = mysql_fetch_array($req)){
$nomrubrique = stripslashes($shopone['nomrubrique']);
$nomssrubrique = stripslashes($shopone['nomssrubrique']);
$nomrubrique2 = utf8_encode($nomrubrique);
$nomssrubrique2 = utf8_encode($nomssrubrique);
if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'
<div class="menu" id="menu'.$shopone['numrubrique'].'" onclick="afficheMenu(this)">
<a href="#">'.$nomrubrique2.'</a>
</div>
<div id="sousmenu'.$shopone['numrubrique'].'" style="display:none">';
$arrayFlag[$shopone['numrubrique']] = true;} // On signale qu'on a affiché cette catégorie au moins une fois
print'
<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>';
}
print'</div>';
mysql_close();
?>

Le résultat est toujours sur la même page.

Serais-tu d'où pourrait provenir le problème ?

merci

Reply

Marsh Posté le 22-10-2010 à 11:40:50

il faut que tu retravaille ce bout de code :

Code :

if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'
<div class="menu" id="menu'.$shopone['numrubrique'].'" onclick="afficheMenu(this)">
<a href="#">'.$nomrubrique2.'</a>
</div>
<div id="sousmenu'.$shopone['numrubrique'].'" style="display:none">';
$arrayFlag[$shopone['numrubrique']] = true;} // On signale qu'on a affiché cette catégorie au moins une fois
print'
<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>';
}

Edit : dans la boucle tu vérifie si le menu est déjà inscrit, mais .... trouve la suite

Message édité par stef_dobermann le 22-10-2010 à 11:42:44

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 22-10-2010 à 11:40:50

Reply

Marsh Posté le 22-10-2010 à 14:02:38

J'ai changé pas mal de chose depuis hier, mais si tu veux toujours m'aider j'ai encore des soucis

Merci et bonne journée

Reply

Marsh Posté le 22-10-2010 à 16:02:40

envoi les modifications...

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 22-10-2010 à 21:01:31

Bonsoir,
j'ai fait pas mal de modifications.

Voici le code de la page "presentation.php" :

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content=" "/>
<meta name="description" content=" "/>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/style_menu.css" type="text/css" />
<script type="text/javascript" src="js/functions.js"></script>
<style type="text/css">
<!--
body {
margin-top: 0px;
}
-->
</style></head>
<body bgcolor="#333333">
<table width="1050" border="0" align="center" cellpadding="0" cellspacing="0" style="background: #000; height: 421px; min-height: 421px;">
<tr>
<td colspan="3" style="height: 50px; min-height: 50px; max-height: 50px;"> </td>
</tr>
<tr>
<td width="183" valign="top" style="width: 145px;"><?php include"menu/menu.php" ?></td>
<td width="850" style="width: 682px; background: #fff;">contenu</td>
<td width="17" style="background: #000;"> </td>
</tr>
</table>
</body>
</html>

Voici le code du CSS :

Code :

#menu {
width: 150px;
background: #000;
margin: 0;
}
.menu_niv2 { display: none; }
.menu_niv1 a {
display: block;
background: #333;
color: #fff;
text-decoration: none;
text-align: center;
}
.menu_niv1 a:hover {
display: block;
background: #666;
color: #fff;
text-decoration: underline;
text-align: center;
}
.menu_niv2 a {
color: #333;
background: #ccc;
text-decoration: none;
text-align: center;
display: block;
}
.menu_niv2 a:hover {
color: #333;
background: #aaa;
text-decoration: underline;
text-align: center;
display: block;
}

Voici le code du js :

Code :

function afficheMenu(menu) {
// generation du nom du sous menu que l'on veut gerer (afficher / cacher)
var sousMenu='sous' + menu;
// on recupere son etat
var etatSousMenu=document.getElementById(sousMenu).style.display;
// on cree un array de tous les menus de niveau 1, donc ceux qui ont la classe 'menu_niv1'
var listeNiv1=document.getElementsByClassName('menu_niv1');
// on boucle sur ces elements
for (var i=0; i<listeNiv1.length; i++) {
// on recupere l'id du menu courant
var idCourant=listeNiv1[i].id;
// si l'id courant est le meme que le menu que l'on a clique alors on traite le sous menu
// sinon on le cache et on passe au suivant
if (idCourant==menu) {
if (etatSousMenu=='block') {
document.getElementById(sousMenu).style.display='none';
} else {
document.getElementById(sousMenu).style.display='block';
}
} else {
// attention, si on cache, on doit cacher le sous menu du menu courant, il faut donc creer une nouvelle variable pour cacher celui-ci
var sousMenuTemp='sous' + idCourant;
document.getElementById(sousMenuTemp).style.display='none';
}
}
}

Et, enfin le code du menu :

Code :

<div id="menu">
<?php
require("identification/connexion_sql.php" );
// on attaque le php ici
// dans un premier temps on recupere les menus de niveau 1 donc ceux qui ont l'id_parent egal a 0
$req1 = "SELECT id_menu, lib_menu FROM menus WHERE id_parent='0' ORDER BY ordre_menu" or die ("impossible d'effectuer la requête" );
$rep1 = mysql_query($req1);
while($row1 = mysql_fetch_array($rep1)) {
// on affiche le menu de niveau 1
echo "<div class=\"menu_niv1\" id=\"menu".$row1['id_menu']."\" onclick=\"afficheMenu(this.id)\"><a href=\"#\">".$row1['lib_menu']."</a></div>\n";
// ensuite on fait une seconde requete pour chercher les sous menus de ce niveau, s'il y en a on les affiche, sinon on ne fait rien
$req2="SELECT id_menu, lib_menu FROM menus WHERE id_parent='".$row1['id_menu']."' ORDER BY ordre_menu" or die ("impossible d'effectuer la requête" );
$rep2=mysql_query($req2);
$nb2=mysql_num_rows($rep2);
if (isset($nb2) && $nb2>0) {
echo "<div id=\"sousmenu".$row1['id_menu']."\" class=\"menu_niv2\">\n";
while ($row2=mysql_fetch_array($rep2)) {
echo "<a href=\"#\">".htmlentities($row2['lib_menu'])."</a>\n";
}
echo "</div>\n";
}
}
?>
</div>

le premier problème est le décalage du menu par rapport à la zone blanche.
Normalement, le menu doit être à la même hauteur que la zone blanche, mais ce n'est pas le cas
Je ne comprends pas pourquoi il y a ce problème.

Autre problème, le menu ne fonctionne pas du tout sous IE.

Penses-tu pouvoir m'aider ?

Merci beaucoup et bonne soirée

Reply

Marsh Posté le 22-10-2010 à 21:44:05

Citation :

le premier problème est le décalage du menu par rapport à la zone blanche.
Normalement, le menu doit être à la même hauteur que la zone blanche, mais ce n'est pas le cas
Je ne comprends pas pourquoi il y a ce problème.

pour faire une mise forme correct on passe par des CSS et non des tableaux

Citation :

Autre problème, le menu ne fonctionne pas du tout sous IE.

ça il faut voir du côté de JavaScript et prévoir le navigateur car chaque navigateur IE et mozilla entre autre n'ont pas les même propriété pour faire une chose.

Citation :

Penses-tu pouvoir m'aider ?

oui mais je ne fais pas tous...

la seule qui m'interrese dans un premier temps c'est que tu comprenne ce que tu fais, et je pense que pour l'instant tu ne sais pas ce que tu fais.
tu es partis sur un autre code alors qu'il n'y pas besoin, il faut juste que tu réfléchisse.

relit les ancien poste je t'apporte une solution.

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 22-10-2010 à 22:13:03

Citation :

pour faire une mise forme correct on passe par des CSS et non des tableaux

Oui, mais comme étant débutant, j'utilise les tableaux.

Citation :

ça il faut voir du côté de JavaScript et prévoir le navigateur car chaque navigateur IE et mozilla entre autre n'ont pas les même propriété pour faire une chose.

Et comment faire pour corriger ce bug ??

Citation :

oui mais je ne fais pas tous...

la seule qui m'interrese dans un premier temps c'est que tu comprenne ce que tu fais, et je pense que pour l'instant tu ne sais pas ce que tu fais.
tu es partis sur un autre code alors qu'il n'y pas besoin, il faut juste que tu réfléchisse.

relit les ancien poste je t'apporte une solution.

Si je sais ce que je fais, mais les problèmes persistent et je ne trouve pas les solutions.

Reply

Marsh Posté le 24-10-2010 à 14:42:23

pourtant ce code n'est pas fini :

Code :

if( !isset($arrayFlag[$shopone['numrubrique']])) // On vérifie que le champ n'a pas été déjà affiché
{
print'
<div class="menu" id="menu'.$shopone['numrubrique'].'" onclick="afficheMenu(this)">
<a href="#">'.$nomrubrique2.'</a>
</div>
<div id="sousmenu'.$shopone['numrubrique'].'" style="display:none">';
$arrayFlag[$shopone['numrubrique']] = true;} // On signale qu'on a affiché cette catégorie au moins une fois
print'
<div class="sousmenu">
<a href="#">'.$nomssrubrique2.'</a>
</div>';
}

si le champ n'est pas déjà affiché ...
sinon :??: donc s'il n'est pas affiché tu fais rien ...
donc -> eurêka

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 24-10-2010 à 15:08:20

J'ai changé le code,
je suis revenu au code de l'exemple que j'avais donné.

Voici les données :

HTML

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
<meta name="keywords" content=" "/>
<meta name="description" content=" "/>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="css/copie_style_menu.css" type="text/css" />
<script type="text/javascript" src="js/copie_functions.js"></script>
<style type="text/css">
<!--
body {
margin-top: 0px;
}
-->
</style></head>
<body bgcolor="#333333">
<table width="1050" border="0" align="center" cellpadding="0" cellspacing="0" style="background: #000; height: 421px; min-height: 421px;">
<tr>
<td colspan="3" style="height: 50px; min-height: 50px; max-height: 50px;"></td>
</tr>
<tr>
<td width="183" valign="top"><?php include("menu/copie_menu.php" ) ?></td>
<td width="800" valign="top" style="width: 665px; background: #fff;">contenu</td>
<td width="17" style="background: #000;"> </td>
</tr>
</table>
</body>
</html>

CSS appelé

Code :

#menu{
width:150px;
//margin-top: -26px;
}
.menu, .sousmenu{
text-align: right;
}
.menu{
height:18px;
width:150px;
color:#fff;
padding-bottom: 10px;
top:0;
font-family:arial,sans-serif;
font-size:12px;
text-decoration:none;
}
.sousmenu{
height:14px;
width:170px;
padding: 0px;
color:#ffffff;
text-align: right;
}
.menu a{
display:block;
width:100%;
height:100%;
color:#fff;
font-family:arial,sans-serif;
font-size:12px;
text-decoration:none;
margin-top: 0;
}
.sousmenu a{
display:block;
width:100%;
height:100%;
color:#666666;
font-family:Garamond;
font-size:18px;
text-decoration:none;
}
.sousmenu a:hover, .sousmenu a:active, .sousmenu a:focus{
color:#ffffff;
}

javascript du menu de gauche

Code :

function afficheMenu(obj){
var idMenu = obj.id;
var idSousMenu = 'sous' + idMenu;
var sousMenu = document.getElementById(idSousMenu);
/*****************************************************/
/** on cache tous les sous-menus pour n'afficher **/
/** que celui dont le menu correspondant est cliqué **/
/** où 4 correspond au nombre de sous-menus **/
/*****************************************************/
for(var i = 1; i <= 5; i++){
if(document.getElementById('sousmenu' + i) && document.getElementById('sousmenu' + i) != sousMenu){
document.getElementById('sousmenu' + i).style.display = "none";
}
}
if(sousMenu){
//alert(sousMenu.style.display);
if(sousMenu.style.display == "block" ){
sousMenu.style.display = "none";
}
else{
sousMenu.style.display = "block";
}
}
}

PHP du menu

Code :

<div id="menu">
<?php
require("identification/connexion_sql.php" );
// on attaque le php ici
// dans un premier temps on recupere les menus de niveau 1 donc ceux qui ont l'id_parent egal a 0
$req1 = "SELECT id_menu, lib_menu FROM menus WHERE id_parent='0' ORDER BY ordre_menu" or die ("impossible d'effectuer la requête" );
$rep1 = mysql_query($req1);
while($row1 = mysql_fetch_array($rep1)) {
// on affiche le menu de niveau 1
echo "<div class=\"menu\" id=\"menu".$row1['id_menu']."\" onclick=\"afficheMenu(this)\"><a href=\"#\">".$row1['lib_menu']."</a></div><br>\n";
// ensuite on fait une seconde requete pour chercher les sous menus de ce niveau, s'il y en a on les affiche, sinon on ne fait rien
$req2="SELECT id_menu, lib_menu FROM menus WHERE id_parent='".$row1['id_menu']."' ORDER BY ordre_menu" or die ("impossible d'effectuer la requête" );
$rep2=mysql_query($req2);
$nb2=mysql_num_rows($rep2);
if (isset($nb2) && $nb2>0) {
echo "<div id=\"sousmenu".$row1['id_menu']."\" style=\"display:none\"><br>\n";
while ($row2=mysql_fetch_array($rep2)) {
echo "<div class=\"sousmenu\"><a href=\"#\">".htmlentities($row2['lib_menu'])."</a></div><br>\n";
}
echo "</div>\n";
}
}
?>
</div>

Le résultat est visible ici :

Code :

http://www.la-grange-sardieres.fr/ [...] ation2.php

Le problème de la marge est toujours présent par contre...

Reply

Marsh Posté le 24-10-2010 à 22:06:48

il y a déjà du mieux
mais je ne comprend ta 1ére requete SQL id_parent c'est qui ??

Message édité par stef_dobermann le 24-10-2010 à 22:11:34

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 24-10-2010 à 23:44:04

id_parent c'est l'id des menus et sous-menus.

L'id_parent 0 correspond aux menus et l'id_parent 1 aux sous-menus.

Reply

Marsh Posté le 24-10-2010 à 23:46:05

plus aucune correspondance avec la table MySQL que tu as mis en deuxième poste : http://forum.hardware.fr/hfr/Progr [...] m#t2030670

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 25-10-2010 à 00:13:07

Non, en effet j'ai tout modifié :

Voici la nouvelle table :

CREATE TABLE menus (id_menu INT not null AUTO_INCREMENT, lib_menu VARCHAR (100) NOT NULL, id_parent INT, image_menu VARCHAR (100), url_page VARCHAR (100), ordre_menu INT, PRIMARY KEY (id_menu));

Reply

Marsh Posté le 25-10-2010 à 10:03:05

merci de tenir au courant...
j'en étais encore avec tes 2 tables ...

Edit : et le contenu de ta table, en partie ou entier comme tu sens

Message édité par stef_dobermann le 25-10-2010 à 10:03:47

---------------
Tout à commencé par un rêve...

Reply

Marsh Posté le 25-10-2010 à 12:25:47

désolé, mais j'essaie tellement de choses et comme le site doit être fini le plus rapidement possible, je ne peux pas toujours venir sur hardware.fr

Reply

Marsh Posté le

Reply

menu en PHP/mySQL

Sujets relatifs:

Leave a Replay