Menu on off

Soyez le premier à donner votre avis sur cette source.

Snippet vu 14 657 fois - Téléchargée 30 fois

Contenu du snippet

Script permettant d'ouvrir ou ferme un menu de manière independante
Cliquez sur titre1 ou titre2 pour mettre son contenu en visible ou invisible

Source / Exemple :


<html>
<!-- Date de création: 11/03/2003 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="francis RICHARD">
<meta name="generator" content="WebExpert 5">
<style>
.cadre 
	{
	border-left: solid 1px black;
	border-top: solid 1px black;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	
	}
</style>
</head>
<body>
<script language=javascript>
var etat_titre1=1;  //1 ouvert  -1 ferme
var etat_titre2=1;

function vouc(nom)
{
	switch(nom)
		{
		case 'titre1' : 
			if(etat_titre1==-1)
			{
				document.getElementById(nom).style.display='none';
				etat_titre1=1;
			}
			else
			{
				document.getElementById(nom).style.display='block';
				etat_titre1=-1;
			}
			break;
		case 'titre2' : 
			if(etat_titre2==-1)
			{
				document.getElementById(nom).style.display='none';
				etat_titre2=1;
			}
			else
			{
				document.getElementById(nom).style.display='block';
				etat_titre2=-1;
			}
			break;
		
		}
	
	
}
</script><br>
<div align="left"><font size="-1">Cliquez sur titre 1 ou titre 2 pour réduire </font></div>
<table class=cadre width="180" onclick="javascript:vouc('titre1')" border="0" cellspacing="0" cellpadding="0">
			
			<tr >
				
				<td  bgcolor="#6699cc" align=center ><b><font face="Arial" size="2" color="#ffffff">VOTRE TITRE 1</font></b></td>
				
			</tr>
</table>
<div id="titre1"> <!-- debut de la partie en on off -->
<table class=cadre width="180"   border="0" cellspacing="0" cellpadding="0">
				<tr>
              <td ><a href="page1.htm" target="centre">page 1</a></td>
				</tr>
				<tr>
              <td ><a href="page2.htm" target="centre">page 2</a></td>
				</tr>
				<tr>
              <td ><a href="page3.htm" target="centre">page 3</a></td>
				</tr>
				
				
						
	</table>
</div><!-- fin de la partie en on off -->

<br><br>

<table class=cadre width="180" onclick="javascript:vouc('titre2')" border="0" cellspacing="0" cellpadding="0">
			
			<tr >
				
				<td  bgcolor="#6699cc" align=center ><b><font face="Arial" size="2" color="#ffffff">VOTRE TITRE 2</font></b></td>
				
			</tr>
</table>
<div id="titre2"><!-- debut de la partie en on off -->
<table class=cadre width="180"   border="0" cellspacing="0" cellpadding="0">
				<tr>
              <td ><a href="page4.htm" target="centre">page 4</a></td>
			   </tr>
				<tr>
              <td ><a href="page5.htm" target="centre">page 5</a></td>
				</tr>
				<tr>
              <td ><a href="page6.htm" target="centre">page 6</a></td>
				</tr>
				
				
						
	</table>
</div><!-- fin de la partie en on off -->

<script language=javascript>

vouc('titre1');
vouc('titre2');

</script>
</body>
</html>

A voir également

Ajouter un commentaire

Commentaires

Messages postés
21
Date d'inscription
samedi 22 janvier 2005
Statut
Membre
Dernière intervention
19 juin 2005

ODYSEUS je ne comprends pas comment marche ta fonction. Je ne sais pas ou le mettre ! Je la met à la suite de de la fonction(vouc) ? est ce que tu pourrais me dire ou le placer ?
Merci
Messages postés
1
Date d'inscription
vendredi 23 juillet 2004
Statut
Membre
Dernière intervention
3 août 2004

Un grand merci à toi odyseus !!

C'est quelque chose que je cherchais depuis longtemps ! merci !!
Messages postés
4
Date d'inscription
vendredi 30 janvier 2004
Statut
Membre
Dernière intervention
6 février 2004

merci, je m'en vais essayer de ce pas
Messages postés
14
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
27 mars 2003

Oui il suffit de faire une petite fonction qui losqu'on ouvre un menu ferme les autres
on met
function appel_menu1()
{
document.getElementById(titre1).style.display='block';
document.getElementById(titre2).style.display='hidden';
document.getElementById(titre3).style.display='hidden';

}
function appel_menu2()
{
document.getElementById(titre1).style.display='hidden';
document.getElementById(titre2).style.display='block';
document.getElementById(titre3).style.display='hidden';

}
.....

en esperant avoir repondu a votre demande
Messages postés
4
Date d'inscription
vendredi 30 janvier 2004
Statut
Membre
Dernière intervention
6 février 2004

menu sympa, c'est tout à fait ce que je cherchais ;-)

mais j'aimerais savoir, (je suis + ou - débutante donc j'ai pas réussi à trouver moi-même ;-p) est-ce qu'il y aurait un moyen pour fermer le menu 1 lorsqu'on ouvre le 2?

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.