Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1425 connectés 

  FORUM HardWare.fr
  Programmation
  PHP

  affichage d'un menu

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

affichage d'un menu

n°1985933
Oranjade
Posté le 20-04-2010 à 14:39:03  profilanswer
 

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.  

mood
Publicité
Posté le 20-04-2010 à 14:39:03  profilanswer
 

n°1985987
aspirateur
Posté le 20-04-2010 à 16:35:15  profilanswer
 

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

n°1986014
Oranjade
Posté le 20-04-2010 à 17:46:18  profilanswer
 

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

n°1986156
aspirateur
Posté le 21-04-2010 à 09:40:48  profilanswer
 

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
n°1986165
Arcan_-
Posté le 21-04-2010 à 10:25:40  profilanswer
 

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 ?

n°1986238
Oranjade
Posté le 21-04-2010 à 12:48:03  profilanswer
 

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.

n°1986313
Arcan_-
Posté le 21-04-2010 à 14:31:18  profilanswer
 

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.

n°1986399
Oranjade
Posté le 21-04-2010 à 19:16:09  profilanswer
 

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
n°1986432
Alisteroid
Posté le 21-04-2010 à 23:04:31  profilanswer
 

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
n°1986461
aspirateur
Posté le 22-04-2010 à 08:14:42  profilanswer
 

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 )

mood
Publicité
Posté le 22-04-2010 à 08:14:42  profilanswer
 

n°1986485
Arcan_-
Posté le 22-04-2010 à 09:44:38  profilanswer
 

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

n°1986631
Oranjade
Posté le 22-04-2010 à 13:50:00  profilanswer
 

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 ?

n°1986889
Arcan_-
Posté le 23-04-2010 à 09:16:16  profilanswer
 

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>

n°1986940
Oranjade
Posté le 23-04-2010 à 11:14:49  profilanswer
 

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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  PHP

  affichage d'un menu

 

Sujets relatifs
Problème d'affichage d'un menu en CSS (résolu)Menu déroulant en JVS: problème d'affichage
Pb affichage sous ie image background sous menu liProblème affichage menu déroulant CSS/java sous IE
[PHP/MYSQL] Affichage de tables dans le menu puis ...Problème d'affichage d'un menu avec Mozilla
|JS| souci d'affichage de sous-menuBouton "modifier les sources" ou menu affichage/source
affichage d'un formulaire MENU à l'ouverture de la base de donnée[résolu]"Focus" sur une ligne à l'affichage d'un menu déroulant
Plus de sujets relatifs à : affichage d'un menu

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.136 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR