Bonjour
Je suis débutant et j'ai un petit souci avec mon code !
Mon fichier index.php appelle 2 include (header.php, qui est mon menu haut). Je souhaiterais charger une seule fois ce menu et le conserver en affichage tout au long de la consultation du site.
Le 2ème include est un fichier qui est variable (accueil.php, mission.php, contact.php, etc) suivant l'option choisie dans le menu. Il s'agit de fichiers "contenu", que j'affiche au milieu de ma page.
En final je souhaiterais donc conserver l'affichage de mon menu, et changer uniquement les fichiers "contenu".
Voici le fichier index.php (à noter que j'ai simplifié le code. J'ai retiré notamment les lignes concernant les failles de sécurité de include) :
<!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" />
<title>Untitled Document</title>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" valign="top"><? include ("header.php"); ?> </td>
</tr>
<tr>
<td valign="top">
<?
if(isset($_GET["page"]))
$page=$_GET["page"];
if(file_exists($_SERVER["DOCUMENT_ROOT"].$_chemin.'/'.$page.'.php'))
include($page.'.php'); </td>
</tr>
</table>
</body>
</html>
Voici maintenant le fichier header.php qui transmet à index.php l'option choisie dans le menu. Index.php affiche ensuite le fichier "contenu" (accueil.php ou mission.php). A noter que seules les 2 premières options (accueil et mission) sont développées dans ce ce code.
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/header2_03.gif','images/header2_04.gif','images/header2_05.gif','images/header2_06.gif','images/header2_07.gif','images/header2_08.gif')">
<!-- ImageReady Slices (header.psd) -->
<table id="Table_01" width="900" height="132" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="images/header_01.gif" width="193" height="132" alt=""></td>
<td>
<img src="images/header_02.gif" width="707" height="108" alt=""></td>
</tr>
<tr>
<td height="24"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.php?page=accueil" target="_top" onClick="MM_nbGroup('down','group1','accueil','images/header2_03.gif',1)" onMouseOver="MM_nbGroup('over','accueil','images/header2_03.gif','images/header2_03.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_03.gif" alt="" name="accueil" border="0" onload=""></a></td>
<td><a href="index.php?page=mission2" target="_top" onClick="MM_nbGroup('down','group1','mission','images/header2_04.gif',1)" onMouseOver="MM_nbGroup('over','mission','images/header2_04.gif','images/header2_04.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_04.gif" alt="" name="mission" border="0" onload=""></a></td>
<td><a href="index.php?page=qui" target="_top" onClick="MM_nbGroup('down','group1','qui','',1)" onMouseOver="MM_nbGroup('over','qui','images/header2_05.gif','images/header2_05.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_05.gif" alt="" name="qui" width="117" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','partenaires','',1)" onMouseOver="MM_nbGroup('over','partenaires','images/header2_06.gif','images/header2_06.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_06.gif" alt="" name="partenaires" width="120" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','publications','',1)" onMouseOver="MM_nbGroup('over','publications','images/header2_07.gif','images/header2_07.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_07.gif" alt="" name="publications" width="118" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','contact','',1)" onMouseOver="MM_nbGroup('over','contact','images/header2_08.gif','images/header2_08.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_08.gif" alt="" name="contact" width="117" height="24" border="0" onload=""></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
header.php transmet à index.php l'option choisie dans le menu. Index.php affiche ensuite le fichier accueil.php ou mission.php par l'intermédiaire de l'include.
Le site s'affiche correctement, le menu (header.php) et les contenus (accueil.php ou mission.php) aussi.
Mais j'ai toutefois 2 soucis :
1) Lorsque je passe la souris sur les options dans le menu, elles sont bien mises en surbrillance en roll over. Quand je clique sur une option, j'affiche mon contenu, mais la case que j'ai cochée ne reste pas en surbrillance dans le menu.
2) Comme ça ne reste pas en surbrillance, je me demande si je ne réaffiche pas par erreur le fichier header.php, mais si c'est le cas je ne vois pas ou.
Merci de votre aide !
[/i][/i][/i][/i][/i][/i][/i][/i]
Je suis débutant et j'ai un petit souci avec mon code !
Mon fichier index.php appelle 2 include (header.php, qui est mon menu haut). Je souhaiterais charger une seule fois ce menu et le conserver en affichage tout au long de la consultation du site.
Le 2ème include est un fichier qui est variable (accueil.php, mission.php, contact.php, etc) suivant l'option choisie dans le menu. Il s'agit de fichiers "contenu", que j'affiche au milieu de ma page.
En final je souhaiterais donc conserver l'affichage de mon menu, et changer uniquement les fichiers "contenu".
Voici le fichier index.php (à noter que j'ai simplifié le code. J'ai retiré notamment les lignes concernant les failles de sécurité de include) :
<!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" />
<title>Untitled Document</title>
</head>
<body>
<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2" valign="top"><? include ("header.php"); ?> </td>
</tr>
<tr>
<td valign="top">
<?
if(isset($_GET["page"]))
$page=$_GET["page"];
if(file_exists($_SERVER["DOCUMENT_ROOT"].$_chemin.'/'.$page.'.php'))
include($page.'.php'); </td>
</tr>
</table>
</body>
</html>
Voici maintenant le fichier header.php qui transmet à index.php l'option choisie dans le menu. Index.php affiche ensuite le fichier "contenu" (accueil.php ou mission.php). A noter que seules les 2 premières options (accueil et mission) sont développées dans ce ce code.
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/header2_03.gif','images/header2_04.gif','images/header2_05.gif','images/header2_06.gif','images/header2_07.gif','images/header2_08.gif')">
<!-- ImageReady Slices (header.psd) -->
<table id="Table_01" width="900" height="132" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="images/header_01.gif" width="193" height="132" alt=""></td>
<td>
<img src="images/header_02.gif" width="707" height="108" alt=""></td>
</tr>
<tr>
<td height="24"><table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.php?page=accueil" target="_top" onClick="MM_nbGroup('down','group1','accueil','images/header2_03.gif',1)" onMouseOver="MM_nbGroup('over','accueil','images/header2_03.gif','images/header2_03.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_03.gif" alt="" name="accueil" border="0" onload=""></a></td>
<td><a href="index.php?page=mission2" target="_top" onClick="MM_nbGroup('down','group1','mission','images/header2_04.gif',1)" onMouseOver="MM_nbGroup('over','mission','images/header2_04.gif','images/header2_04.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_04.gif" alt="" name="mission" border="0" onload=""></a></td>
<td><a href="index.php?page=qui" target="_top" onClick="MM_nbGroup('down','group1','qui','',1)" onMouseOver="MM_nbGroup('over','qui','images/header2_05.gif','images/header2_05.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_05.gif" alt="" name="qui" width="117" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','partenaires','',1)" onMouseOver="MM_nbGroup('over','partenaires','images/header2_06.gif','images/header2_06.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_06.gif" alt="" name="partenaires" width="120" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','publications','',1)" onMouseOver="MM_nbGroup('over','publications','images/header2_07.gif','images/header2_07.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_07.gif" alt="" name="publications" width="118" height="24" border="0" onload=""></a></td>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','contact','',1)" onMouseOver="MM_nbGroup('over','contact','images/header2_08.gif','images/header2_08.gif',1)" onMouseOut="MM_nbGroup('out')"><img src="images/header_08.gif" alt="" name="contact" width="117" height="24" border="0" onload=""></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
header.php transmet à index.php l'option choisie dans le menu. Index.php affiche ensuite le fichier accueil.php ou mission.php par l'intermédiaire de l'include.
Le site s'affiche correctement, le menu (header.php) et les contenus (accueil.php ou mission.php) aussi.
Mais j'ai toutefois 2 soucis :
1) Lorsque je passe la souris sur les options dans le menu, elles sont bien mises en surbrillance en roll over. Quand je clique sur une option, j'affiche mon contenu, mais la case que j'ai cochée ne reste pas en surbrillance dans le menu.
2) Comme ça ne reste pas en surbrillance, je me demande si je ne réaffiche pas par erreur le fichier header.php, mais si c'est le cas je ne vois pas ou.
Merci de votre aide !
[/i][/i][/i][/i][/i][/i][/i][/i]
