J'ai crée à partir d'un script ma page avec une menu vertical dynamique et je souhaite conserver le menu sur lequel l'utilisateur à cliquer.
Je m'explique :
J'ai une page d'accueil avec une fichier et un include MENU.html et lorsque l'utilisateur clique sur un menu, un sous menu apparait. Je souhaite conserver le groupe de menu actif sur la nouvelle page.
Je vous montre mon script, et vous remercie d'avance pour votre aide :
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=20; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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[i].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_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<style type="text/css">
<!--
.zone {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 9pt;
color: #333333;
text-decoration: none;
border: 1px solid #666666;
font-weight: normal;
}-->
</style>
<style type="text/css">
<!--
-->
<!--
.bordbas {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF6600;
}
a {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<style type="text/css">
<!--
.Style1 {
font-size: 16px;
font-weight: bold;
}
.Style2 {color: #333333}
.Style4 {font-size: 9pt}
-->
</style>
<link href="css/newirie.css" rel="stylesheet" type="text/css" />
<link href="css/menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="240"><dl id="menu">
<dt onclick="javascript:montre('smenu1');">PRÉSENTATION</dt>
<dd id="smenu1">
<ul>
<li><a href="presentation.php3?id_article=1&var_mode=recalcul">Présentation</a></li>
<li><a href="presentation.php3?id_article=60&var_mode=recalcul">Rapport annuel</a></li>
<li><a href="presentation.php3?id_article=43&var_mode=recalcul">Contacts</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">SITES UTILES</dt>
<dd id="smenu2">
<ul>
<li><a href="sitesutiles.php3?id_rubrique=25&var_mode=recalcul">En France</a></li>
<li><a href="sitesutiles.php3?id_rubrique=22&var_mode=recalcul">A l'étranger</a></li>
</ul>
</dd>
</dl></td>
</tr>
<tr>
<td height="20" valign="middle"><img src="img/blank.gif" width="1" height="20" /></td>
</tr>
<tr>
<td valign="middle"><table width="100%" border="0" cellpadding="6" cellspacing="0" class="CONTENU3">
<tr>
<td width="30"><img src="img/blank.gif" width="30" height="1" /></td>
<td align="center" valign="top" class="publications Style2"><span class="Style1">NOM</span></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
Ce message a été modifié par Dudu - 12 novembre 2009 - 02:19.
Haut
