affichage d'un menu

affichage d'un menu - PHP - Programmation

Marsh Posté le 20-04-2010 à 14:39:03    

Bonjour à tous,
 
Dans mon site en php, j'ai un menu horizontal à double niveau. Tout s'affiche correctement lorsque j'active les liens du menu. En revanche, dès que j'active un lien externe au menu du type "contact", la ligne du sous-menu est invisible. Le site est construit de la manière suivante :
 
index.php (je passe les meta et head)

Code :
  1. <body>
  2.         <div id="site">
  3.                 <?php include('./functions.php'); ?>
  4.                 <?php include('./public/top.php'); ?>
  5.                 <div id="container">
  6.                         <?php
  7.                         define('PATH', './includes/');
  8.                         $tableau = glob(PATH.'*.inc.php');
  9.                         if(isset($_GET['page']) && in_array(PATH.$_GET['page'].'.inc.php', $tableau))
  10.                         {
  11.                         $pageinc = PATH.$_GET['page'].'.inc.php';
  12.                     }
  13.                     else
  14.                         {
  15.                         $pageinc = PATH.'1.inc.php';
  16.                     }
  17.                     include $pageinc;
  18.                         ?>
  19.                         <div class="spacer"> </div>
  20.                         <div id="bloc_img"></div>
  21.                 </div>
  22.                 <?php include('./public/bottom.php'); ?>
  23.         </div>
  24. </body>


 
top.php : dans lequel figure tous les liens internes et externes au menu

Code :
  1. <a href="index.php" id="logo"><img src="img/logo.gif" alt="Logo" /></a>
  2. <a href="index.php?page=contact" id="contact"><img src="img/contact.gif" alt="contact" /></a>
  4. <dl id="menu">
  5.         <dt><a href="index.php?page=1" title="p1" <?php stylen1(1); ?>>menu1</a></dt>
  6. <dd <?php stylen1(1); ?>>
  7.                 <ul>
  8.                         <li><a href="index.php?page=1&amp;rubrique=1" title="1-1" <?php stylen2(1,1); ?>>Sous-menu1</a></li>
  9.                         <li><a href="index.php?page=1&amp;rubrique=2" title="1-2" <?php stylen2(1,2); ?>>Sous-menu2</a></li>
  10.                         <li><a href="index.php?page=1&amp;rubrique=3" title="1-3" <?php stylen2(1,3); ?>>Sous-menu3</a></li>
  11.                         <li><a href="index.php?page=1&amp;rubrique=4" title="1-4" <?php stylen2(1,4); ?>>Sous-menu4</a></li>
  12.                 </ul>
  13.         </dd>
  14.         <dt><a href="index.php?page=2" title="p2" <?php stylen1(2); ?>>menu2</a></dt>
  15.         <dd <?php stylen1(2); ?>>
  16.                 <ul>
  17.                         <li><a href="index.php?page=2&amp;rubrique=1" title="2-1" <?php stylen2(2,1); ?>>Sous-menu1</a></li>
  18.                         <li><a href="index.php?page=2&amp;rubrique=2" title="2-2" <?php stylen2(2,2); ?>>Sous-menu2</a></li>
  19.                         <li><a href="index.php?page=2&amp;rubrique=3" title="2-3" <?php stylen2(2,3); ?>>Sous-menu3</a></li>
  20.                         <li><a href="index.php?page=2&amp;rubrique=4" title="2-4" <?php stylen2(2,4); ?>>Sous-menu4</a></li>
  21.                 </ul>
  22.         </dd>
  23. </dl>


 
fonction.php

Code :
  1. <?php
  2. function stylen1($a)
  3. {
  4.         if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
  5.        
  6.         if($a == $page)
  7.         {
  8.                 echo('class="active"');
  9.         }
  10. }
  12. function stylen2($a,$b)
  13. {
  14.         if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
  15.         if(isset($_GET['rubrique'])) {$rubrique = $_GET['rubrique'];} else{$rubrique = 0;}
  16.        
  17.         if(($b == $rubrique))
  18.         {
  19.                 echo('class="active"');
  20.         }
  21. }
  23. function insertion()
  24. {
  25.         if(isset($_GET['page'])) {$page = $_GET['page'];}
  26.         else {$page = 1;}
  27.        
  28.         if(isset($_GET['rubrique'])) {$rubrique = $_GET['rubrique'];}
  29.         else {$rubrique = 0;}
  30.        
  31.         $file = 'includes/'.$page.'/'.$rubrique.'.php';
  32.        
  33.         include($file);
  34. }
  35. ?>


 
Prenons l'exemple du fichier contact

Code :
  1. <div id="illustrations" class="contact"></div>
  2. <div id="corps">
  3.         <h1>Contact</h1>
  4.     <p>texte du paragraphe</a></p>
  5. </div>


 
J'ignore d'où vient le problème.
En analysant le code, je pense qu'il vient du fichier "top.php" qui ne donne pas l'instruction d'activer le menu. J'ai donc essayé d'intégrer "<?php stylen2(1,1); ?>" dans la ligne ci-dessous, sans résultat.
<a href="index.php?page=contact" id="contact"><img src="img/contact.gif" alt="contact" /></a>
Manquerait-il l'instruction <?php insertion(); ?> dans mon fichier "contact.php"
 
Dois-je intervenir sur le fichier "functions.php" ou "top.php" ?
Je tourne un peu en rond, auriez-vous une piste ?
Merci d'avance pour votre aide.  

Reply

Marsh Posté le 20-04-2010 à 14:39:03   

Reply

Marsh Posté le 20-04-2010 à 16:35:15    

Une fonction doit retourner quelquechose.  
 
Essaye de rajouter dans tes fonctions return $variable
 
J'ai l'impression que tu confond fonction et include non ?

Reply

Marsh Posté le 20-04-2010 à 17:46:18    

Tout d'abord, merci de la réponse, ça fait plaisir de ne pas se sentir seule face à son problème.
En effet, ce n'est pas très clair.  
Une fonction permet de mener des actions pour afficher quelque chose (une sorte de raccourci pour éviter de refaire les mêmes manipulations)
Pour moi, Include est une fonction qui permet d'insérer un certain code dans ma page.
Est-ce exact ?
Mon objectif est que : lorsque j'active un lien hors menu, celui-ci s'affiche avec ses 2 niveaux comme sur la page d'accueil (index.php).
 
Donc, selon "cette" logique, pour que mon menu (top.php) apparaisse comme sur l'état d'index je dois intégrer l'instruction d'activer le menu par défaut. Mais où et comment ?
 
Tu me dis d'ajouter return $variable.
Est-ce que je peux, par ce biais, lui donner une instruction du genre :
Quand la page a afficher n'est pas incluse dans le menu, alors, active par défaut le menu tel qu'il apparaît dans la page d'accueil ?
 
Comme tu vois, ce n'est pas si clair...

Reply

Marsh Posté le 21-04-2010 à 09:40:48    

Essaye de remplacer les

 

echo('class="active"');

 

de tes fonctions par un $retour="active";

 

Et ensuite avant le } qui ferme ta fonction insère un return $retour;

 

et refait le test, dis moi si ca marche

 

EDIT: je viens de relire ton code, je sais pas si tu peux utiliser des $_GET dans les fonctions, je t'avoue que j'ai jamais essayé. Si jamais ca ne fonctionne pas, regarde de ce coté.

Message cité 1 fois
Message édité par aspirateur le 21-04-2010 à 09:44:26
Reply

Marsh Posté le 21-04-2010 à 10:25:40    

Salut,
 
Tu as un "</a>" qui traine dans ton fichier contact.
Changes tes dl,dd,dt par des ul et li.
 
Tu as du css?
Est possible de voir la page ?

Reply

Marsh Posté le 21-04-2010 à 12:48:03    

En faisant ce remplacement, je perds totalement mon niveau 2.
Par ailleurs, mon menu fonctionne très bien avec les 2 niveaux à partir du moment où j'active des liens du menu.
 
Comment donner une instruction par défaut si c'est une page hors menu comme l'index, à savoir page [1] rubrique [0] ?
 
Quand je regarde mon fichier top.php et que je compare le lien vers "contact" et celui de l'index, il manque l'instruction d'afficher le menu
 
# <a href="index.php?page=contact" id="contact"><img src="img/contact.gif" alt="contact" /></a>
#
# <dl id="menu">
#         <dt><a href="index.php?page=1" title="p1" <?php stylen1(1); ?>>menu1</a></dt>
 
Je ne sais pas si je dois intervenir sur le fichier "top.php" ; "functions.php" et ou "contact.php"
 
En tout cas, merci de tes idées, au moins, j'avance en procédant par élimination.

Reply

Marsh Posté le 21-04-2010 à 14:31:18    

Par défaut, quand tu es sur ton index, $_GET['page'] n'est pas défini.

Citation :

function stylen1($a)
{
        if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
       
        if($a == $page)
        {
                echo('class="active"');
        }
}


Ce qui fait que : stylen1(1) affiche "classe="active" sur l'index.
Ce n'est plus le cas sur la page contact.
 

Citation :

<body>
        <div id="site">
                <?php include('./functions.php'); ?>


Généralement, les inclusions des fichiers de configuration, fonction, classes... se font au début du fichier.

Reply

Marsh Posté le 21-04-2010 à 19:16:09    

Merci Arcan_- de ta réponse,
 
Pour répondre au 1er message
Le "</a>" qui traine dans mon fichier contact est une erreur de copier/coller (en fait j'ai un lien)
J'ai bien un css

Code :
  1. @import url('reset.css');
  3. body
  4. {
  5. font-family:Arial, Helvetica, sans-serif;
  6. background-color:#0e5dc5;
  7. font-size: 12px;
  8. color: #858585;
  9. text-align: left;
  10. }
  12. object
  13. {
  14. display: block;
  15. outline: none;
  16. }
  18. #site
  19. {
  20. width:960px;
  21. position: relative;
  22. margin: 0 auto;
  23. background-image: url(img/background.jpg);
  24. background-repeat: repeat;
  25. background-color: #fff;
  26. }
  28. a#logo
  29. {
  30. display: block;
  31. position:absolute;
  32. top:0px;
  33. left:0px;
  34. }
  36. a#acces
  37. {
  38. display: block;
  39. position:absolute;
  40. top:0px;
  41. right:0px;
  42. }
  44. a:hover#acces 
  45. {
  46. background-image:url(img/acces_pros_ro.gif);
  47. top:1px;
  48. right:1px;
  49. }
  51. dl#menu
  52. {
  53. height: 36px;
  54. margin: 0 auto;
  55. padding: 50px 0 0 78px;
  56. background-image: url(img/haut.jpg);
  57. background-repeat: no-repeat;
  58. }
  60. dl#menu dt
  61. {
  62. float: left;
  63. height: 36px;
  64. margin:0 4px 0 0;
  65. line-height: 24px;
  66. font-size:10px;
  67. width:130px;
  68. font-weight: bold;
  69. }
  72. dl#menu dt a
  73. {
  74. display: block;
  75. height: 36px;
  76. background-image: url(img/ro_on.gif);
  77. padding: 0 10px;
  78. color: #fff;
  79. text-transform: uppercase;
  80. }
  82. dl#menu dt a:hover,dl#menu dt a.active
  83. {
  84. background-image: url(img/ro_off.gif);
  85. }
  87. dl#menu dd
  88. {
  89. display: none;
  90. }
  92. dl#menu dd.active
  93. {
  94. display: block;
  95. position: absolute;
  96. top: 85px;
  97. left: 78px;
  98. }
  100. dl#menu dd ul
  101. {
  102. height: 30px;
  103. width: 803px;
  104. background-image: url(img/ro_off_sub.gif);
  105. background-repeat: repeat-x;
  106. }
  108. dl#menu dd ul li
  109. {
  110. float: left;
  111. height: 30px;
  112. line-height: 30px;
  113. }
  115. dl#menu dd ul li a
  116. {
  117. color: #000;
  118. padding: 2px 5px;
  119. border-left: 1px solid #000;
  120. }
  122. dl#menu dd ul li a.active
  123. {
  124. color: #fff;
  125. }
  127. #container
  128. {
  129. width:803px;
  130. position: relative;
  131. margin: 30px auto 0 78px;
  132. background-color:#fff;
  133. }
  135. div#container a:link { color: #0CF;}
  136. div#container a:visited { color: #F90;}
  137. div#container a:hover { color: #F60;}
  139. #dossiers
  140. {
  141. width:220px;/*250*/
  142. padding:10px;
  143. float:left;
  144. }
  146. #dossiers a
  147. {
  148. display:block;
  149. padding-left:120px;
  150. background-repeat: no-repeat;
  151. }
  153. #dossiers a.dossier1 {background-image:url(img/dossier1.jpg); padding-top:30px;height:100px;}
  154. #dossiers a.dossier2 {background-image:url(img/dossier2.jpg); padding-top:10px;height:120px;}
  155. #dossiers a.dossier3 {background-image:url(img/dossier3.jpg); padding-top:30px;height:100px;}
  157. #corps
  158. {
  159. width:512px;
  160. padding:10px;
  161. float:left;
  162. border-left: 1px dotted #0CF;
  163. }
  165. div#corps h1
  166. {
  167. margin-bottom:14px;
  168. font-size:14px;
  169. color:#333333;
  170. font-weight: bold;
  171. }
  173. div#corps h2
  174. {
  175. font-size:12px;
  176. color:#0e5dc5;
  177. margin-bottom:2px;
  178. }
  180. div#corps p
  181. {
  182. margin-bottom:10px;
  183. }
  185. div#corps ul
  186. {
  187. margin-bottom:10px;
  188. line-height:18px;
  189. }
  191. div#corps ul li
  192. {
  193. list-style-type:disc;
  194. list-style:inside;
  195. font-size:11px;
  196. color:#999999;
  197. }
  199. #illustrations
  200. {
  201. width:220px;
  202. height:390px;
  203. margin-top:20px;
  204. padding:10px;
  205. float:left;
  206. background-repeat: no-repeat;
  207. }
  209. .histoire { background-image:url(img/notre_histoire.png);}
  210. .contact { background-image:url(img/contact.jpg);}
  211. .mentions_legales { background-image:url(img/mentions_legales.jpg);}
  213. #bloc_img
  214. {
  215. background: url(img/img_bloc.jpg) no-repeat;
  216. margin:0 auto;
  217. height: 16px;
  218. width:803px;
  219. clear: both;
  220. }
  224. #bas
  225. {
  226. display: block;
  227. }
  229. #footer
  230. {
  231. width:960px;
  232. text-align: center;
  233. height: 34px;
  234. color: #000;
  235. text-decoration: none;
  236. font-size:0.9em;
  237. background-image:url(img/footer.jpg);
  238. background-repeat:repeat-x;
  239. margin: 0 auto;
  240. padding:5px 0 0;
  241. }
  243. #footer a { color: #000; text-decoration: none;}
  244. #footer a:hover { color: #fff; text-decoration:none;}
  245. #footer p { margin-top:4px;}
  246. #footer #nav li
  247. {
  248. list-style-type: none;
  249. margin:5px 5px 0 0;
  250. display:inline;
  251. }
  253. .spacer
  254. {
  255. clear: both;
  256. font-size: 1px;
  257. height: 1px;
  258. }


 
Pour le second message...

Citation :

Par défaut, quand tu es sur ton index, $_GET['page'] n'est pas défini.


Je pensais qu'il l'était du fait que dans le fichier top.php soit notifié

Code :
  1. <dt><a href="index.php?page=1" title="p1" <?php stylen1(1); ?>>menu1</a></dt


ce qui renvoie au fichier "functions.php"  

Code :
  1. :
  3.    1. <?php
  4.    2. function stylen1($a)
  5.    3. {
  6.    4.         if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
  7.    5.       
  8.    6.         if($a == $page)
  9.    7.         {
  10.    8.                 echo('class="active"');
  11.    9.         }
  12.   10. }


En lien avec le fichier "index.php"

Code :
  1. <?php include('./functions.php'); ?>


 
C'est un peu compliqué.  
Je donnerai bien le lien vers le site mais le problème est que le php ne s'affiche pas difficile d'analyser le code.
Que puis-je faire pour faciliter la compréhension du problème : envoyer par mail les fichiers sources ?
Encore merci Arcan_- et Aspirateur de votre suivi.

Message cité 1 fois
Reply

Marsh Posté le 21-04-2010 à 23:04:31    

aspirateur a écrit :

Essaye de remplacer les
EDIT: je viens de relire ton code, je sais pas si tu peux utiliser des $_GET dans les fonctions, je t'avoue que j'ai jamais essayé. Si jamais ca ne fonctionne pas, regarde de ce coté.


$_GET, $_POST, $_SERVER, $_SESSION etc sont des superglobales, les superglobales sotn accessibles n'importe ou dans ton application, que ce soit une fonction, une classe ...

Message cité 1 fois
Reply

Marsh Posté le 22-04-2010 à 08:14:42    

Oranjade a écrit :


Pour le second message...

Citation :

Par défaut, quand tu es sur ton index, $_GET['page'] n'est pas défini.


Je pensais qu'il l'était du fait que dans le fichier top.php soit notifié


 
tu as bien à la fin de ton adresse "?page=blabla"  ?
 

Alisteroid a écrit :


$_GET, $_POST, $_SERVER, $_SESSION etc sont des superglobales, les superglobales sotn accessibles n'importe ou dans ton application, que ce soit une fonction, une classe ...


 
Merci, je ne savais pas ;) (ou plutot je me suis jamais posé la question :p )

Reply

Marsh Posté le 22-04-2010 à 08:14:42   

Reply

Marsh Posté le 22-04-2010 à 09:44:38    

Tant que tu n'as pas "?page=xxxx" dans ton url, $_GET['page'] ne sera pas défini.
 
S'il n'est pas défini, $page dans ta fonction stylen1 aura "1" comme valeur.
Donc stylen1(1) affichera toujours "classe="active"".
 
Quand tu es sur ta page contact, $_GET['page'] (et donc $page dans ta fonction) est défini (il a "contact" pour valeur) => stylen(1) n'affiche rien.
 
Ton menu ne s'affiche que si $a == $page.
Il faudrait que tu aies stylen1('contact') pour que le menu s'affiche quelque part, ou que tu modifie la condition de ta fonction stylen(1).

Reply

Marsh Posté le 22-04-2010 à 13:50:00    

Citation :

Tant que tu n'as pas "?page=xxxx" dans ton url, $_GET['page'] ne sera pas défini.


Mon url a la forme suivante
http://www..................../index.php?page=contact
Les conditions sont donc bien réunies ?
 
Comme plusieurs pages sont concernées (lien hors menu), je cherche l'instruction qui dise :  
Si lien hors menu alors afficher par défaut la position (et non le contenu) du menu {$page = 1;} {$rubrique = 0;}
Ce n'est en effet pas le contenu de la page 1 rubrique 0 (correspondant au menu à double niveau) que je cherche mais son affichage
Une telle instruction devrait se trouver dans ce fichier "functions.php" ?

Code :
  1. <?php
  2. function stylen1($a)
  3. {
  4. if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
  6. if($a == $page)
  7. {
  8.  echo('class="active"');
  9. }
  10. }
  12. function stylen2($a,$b)
  13. {
  14. if(isset($_GET['page'])) {$page = $_GET['page'];} else{$page = 1;}
  15. if(isset($_GET['rubrique'])) {$rubrique = $_GET['rubrique'];} else{$rubrique = 0;}
  17. if(($b == $rubrique))
  18. {
  19.  echo('class="active"');
  20. }
  21. }
  23. function insertion()
  24. {
  25. if(isset($_GET['page'])) {$page = $_GET['page'];}
  26. else {$page = 1;}
  28. if(isset($_GET['rubrique'])) {$rubrique = $_GET['rubrique'];}
  29. else {$rubrique = 0;}
  31. $file = 'includes/'.$page.'/'.$rubrique.'.php';
  33. include($file);
  34. }
  35. ?>


 
Si oui, est-ce que ça pourrait être quelque chose du style

Code :
  1. function stylen0($a,$b)
  2. {
  3. $page = 1; $rubrique = 0;
  4. {
  5.  echo('class="active"');
  6. }
  7. }


 
Ensuite, dans mon fichier "top.php" qui réunit l'ensemble des liens du site (menu et hors menu) dont voici quelques lignes

Code :
  1. <a href="index.php?page=contact" id="acces"><img src="img/acces.gif" alt="Acc&egrave;s" /></a>
  2. <dl id="menu">
  3. <dt><a href="index.php?page=1" title="titre" <?php stylen1(1); ?>>titre</a></dt>
  4. <li><a href="index.php?page=6&amp;rubrique=5" title="Liens" [#f0000e]<?php stylen2(6,5); ?>[/#e2001c]>Liens</a></li>


il faudrait que la ligne du contact intègre l'appel de l'instruction

Code :
  1. <a href="index.php?page=contact" id="acces" <?php stylen0(1,0); ?>><img src="img/acces.gif" alt="Acc&egrave;s" /></a>


 
J'ai testé et en l'état ça ne fonctionne pas. Il me signale une erreur sur le fichier "functions.php" qui correspond à "include($file);" de la function insertion()
Toutefois, avant de vérifier chaque ligne, virgule, position, symbole... pourriez-vous me dire si la logique est bonne ?

Reply

Marsh Posté le 23-04-2010 à 09:16:16    

Ta fonction stylen0() telle qu'elle est là ne sert à rien :

  • tes arguments ne sont pas utilisés,
  • pas de condition,
  • des "{" et "}" qui trainent...,
  • elle affichera toujours class="active"...


Tu pourrais tout aussi bien faire :

Code :
  1. <a href="index.php?page=contact" id="acces" <?php stylen1('contact'); ?>><img src="img/acces.gif" alt="Acc&egrave;s" /></a>

Reply

Marsh Posté le 23-04-2010 à 11:14:49    

ok, je crois qu'il faut que je reprenne tout depuis le début. Je vais essayer de bien comprendre chaque élément du code en espérant parvenir à débloquer mon problème.
En tout cas, merci à tous de votre aide

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed