rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Problème sur un script de menu dynamique

byothe, le vendredi 7 septembre 2007 à 12:44:23
Bonjour
voila un script qui doit me permettre de faire un menu dynamique (cf exemple : http://www.editeurjavascript.com/scripts/scripts_navigation_­3_265.php)
Mais voila, mon problème est que je voudrai que les sous menus soit fermés à l'ouverture de la page... mais je ne parviens pas à le faire.

Au lieu de :
Menu 1
- Menu11
- Menu12
Menu 2
-Menu21
--Menu211
-Menu22

je voudrais juste (à'louverture de la page):
Menu 1
Menu 2

Merci pour votre aide !!!

<script type="text/javascript">
	/*
	* Montre / Cache un div
	*/
	function DivStatus( nom, numero )
		{
			var divID = nom + numero;
			if ( document.getElementById && document.getElementById( divID ) ) // Pour les navigateurs récents
				{
					Pdiv = document.getElementById( divID );
					PcH = true;
		 		}
			else if ( document.all && document.all[ divID ] ) // Pour les veilles versions
				{
					Pdiv = document.all[ divID ];
					PcH = true;
				}
			else if ( document.layers && document.layers[ divID ] ) // Pour les très veilles versions
				{
					Pdiv = document.layers[ divID ];
					PcH = true;
				}
			else
				{
					
					PcH = false;
				}
			if ( PcH )
				{
					Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
				}
		}
		
	/*
	* Cache tous les divs ayant le même préfixe
	*/
	function CacheTout( nom )
		{	
			var NumDiv = 1;
			if ( document.getElementById ) // Pour les navigateurs récents
				{
					while ( document.getElementById( nom + NumDiv) )
						{
							SetDiv = document.getElementById( nom + NumDiv );
							if ( SetDiv && SetDiv.className != 'cachediv' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
			else if ( document.all ) // Pour les veilles versions
				{
					while ( document.all[ nom + NumDiv ] )
						{
							SetDiv = document.all[ nom + NumDiv ];
							if ( SetDiv && SetDiv.className != 'cachediv' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
			else if ( document.layers ) // Pour les très veilles versions
				{
					while ( document.layers[ nom + NumDiv ] )
						{
							SetDiv = document.layers[ nom + NumDiv ];
							if ( SetDiv && SetDiv.className != 'cachediv' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
		}
	
	/*
	* Montre tous les divs ayant le même préfixe
	*/
	function MontreTout( nom )
		{	
			var NumDiv = 1;
			if ( document.getElementByIdA ) // Pour les navigateurs récents
				{
					while ( document.getElementById( nom + NumDiv) )
						{
							SetDiv = document.getElementById( nom + NumDiv );
							if ( SetDiv && SetDiv.className != '' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
			else if ( document.all ) // Pour les veilles versions
				{
					while ( document.all[ nom + NumDiv ] )
						{
							SetDiv = document.all[ nom + NumDiv ];
							if ( SetDiv && SetDiv.className != '' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
			else if ( document.layers ) // Pour les très veilles versions
				{
					while ( document.layers[ nom + NumDiv ] )
						{
							SetDiv = document.layers[ nom + NumDiv ];
							if ( SetDiv && SetDiv.className != '' )
								{
									DivStatus( nom, NumDiv );
								}
							NumDiv++;
						}
				}
		}
		
	/*
	* Inverse les divs: Cache les divs visible et montre le divs cachés :)
	*/
	function InverseTout( nom )
		{	
			var NumDiv = 1;
			if ( document.getElementById ) // Pour les navigateurs récents
				{
					while ( document.getElementById( nom + NumDiv ) )
						{
							SetDiv = document.getElementById( nom + NumDiv );
							DivStatus( nom, NumDiv );
							NumDiv++;
						}
				}
			else if ( document.all ) // Pour les veilles versions
				{
					while ( document.all[ nom + NumDiv ] )
						{
							SetDiv = document.all[ nom + NumDiv ];
							DivStatus( nom, NumDiv );
							NumDiv++;
						}
				}
			else if ( document.layers ) // Pour les très veilles versions
				{
					while ( document.layers[ nom + NumDiv ] )
						{
							SetDiv = document.layers[ nom + NumDiv ];
							DivStatus( nom, NumDiv );
							NumDiv++;
						}
				}
		}
</script>
<style type="text/css">
	.cachediv {
		visibility: hidden;
		overflow: hidden;
		height: 1px;
		margin-top: -1px;
		position: absolute;
	}

<!--
.unnamed1 {
	background-color: #000066;
	cursor: pointer;
	text-decoration: underline;
	text-align: center;
}
-->
</style>


</head>

<body onload="MM_preloadImages('images/But_accueil_over.gif','images/But_enbref_over.gif','images/But_must_over.gif','images/But_fonds_over.gif','images/But_souscrire_over.gif','images/But_publications_over.gif','images/But_contact_over.gif')">

<div name="menu1" id="menu1">
  <div class="unnamed1" onClick="javascript:DivStatus( 'menu', '11' )"><font color="#0066FF" size="2" face="Trebuchet MS"><img src="images/But_accueil_out.gif" name="ButAccueil" width="175" height="40" border="0"></font></div>
</div>
<div name="menu11" id="menu11">
  <div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="accueil.php"><em>Accueil</em></a></div>
</div>

<div name="menu2" id="menu2">
  <div class="unnamed1" onClick="javascript:DivStatus( 'menu', '21' )"><font color="#0066FF" size="2" face="Trebuchet MS"><img src="images/But_enbref_out.gif" name="ButAccueil" width="175" height="40" border="0"></font></div>
</div>
<div name="menu21" id="menu21">
<div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="societe.php"><em>La société</em></a></div>
<div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="mission.php"><em>Notre mission</em></a></div>
<div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="equipe.php"><em>L'équipe</em></a></div>
<div class="unnamed1" style="border: 1px solid black; background-color: whitesmoke; margin-bottom: 2px;"><a href="Partenaires.php"><em>Les partenaires</em></a></div>
</div>
</body>
</html>
Configuration: Windows Vista
Internet Explorer 7.0
Répondre à byothe  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 CubeRCL, le samedi 8 septembre 2007 à 14:27:30
Quand tu definit tes sous-menus, ajouter a l'Id la class cachediv :
<div name="menu21" id="menu21" class="cachediv">
Au chargement, la classe par defaut va cacher tes sous-menus.

A+
CubeRCL
Répondre à CubeRCL
Logiciels pertinents trouvés dans les téléchargements
Télécharger All In One Video Script 1.0All In One Video Script - All In One Video Script est un script pour l'extension GreaseMonkey pour le navigateur Firefox permettant de détecter la...Catégorie: Vidéo
Licence: Freeware/gratuit
Télécharger Menu Inventor 1.1Menu Inventor - En dehors du fait que le démarrage de votre ordinateur se trouve lent et chaotique, en plus l'organisation des menus n'est...Catégorie: Optimisation
Licence: Freeware/gratuit
Télécharger WinAVI Video Capture 2.0.0.1WinAVI Video Capture - WinAVI Video Capture peut capturer vos films en provenance de périphériques AV comme un magnétoscope, un camescope ou une...Catégorie: Edition vidéo
Licence: Freeware/gratuit
Télécharger GreaseMonkey 0.8.20080609.0GreaseMonkey - GreaseMonkey permet de bidouiller à la volée les pages web que vous consultez. C'est à dire qu'il va modifier la page...Catégorie: Extensions Firefox
Licence: Open Source
Plus de logiciels gratuits sur « Problème sur un script de menu dynamique »