Menu dynamique

Diamulfra · 12 Novembre 2009

Bonjour à toutes et à tous,

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>

Modifié 12 Novembre 2009 par Dudu

Connexion

Menu dynamique

Sujets conseillés

Diamulfra

Veuillez vous connecter pour commenter

Parcourir

Activité