Menu en css

Bonjour à tous,

Je viens de faire un menu à l'aide d'un de vos codes. J'ai un problème avec l'ouverture du menu lors du chargement de la page. Je devrais avoir aucune catégorie d'ouverte pour obliger l'internaute à cliquer afin qu'il voit la sous catégorie. Pourriez-vous m'aider?

<script language="javascript">
//effet déroulant menu de gauche
function montre(id)
	{
	var d = document.getElementById(id);
	for (var i=1; i<=200; i++)
		{
		if (document.getElementById('smenu'+ i))
			{
			document.getElementById('smenu'+ i).style.display = 'none';
			}
		}
	if(d)
		{
		d.style.display = 'block';
		}
	}
window.onload = montre;
</script>

<dl id="menu">
										<?
										// requete affichage des années
										$sql = " SELECT cat_cle, cat_lib FROM categorie WHERE cat_lib LIKE '%20%' ORDER BY cat_lib DESC ";
										$qry = pg_query($conn,$sql);
										$i = 0;
										while ($result = pg_fetch_assoc($qry))
											{
											$i++;
										?>
											<dt onClick="javascript:montre('smenu<?=$i?>');">Bodemer Infos de <?=$result['cat_lib']?></dt>
												<dd id="smenu<?=$i?>">
													<ul>
													<?
													// requete affichage des numéros
													$sql2 = " SELECT doc_cle, doc_lib, doc_type, doc_file, doc_date, doc_categorie FROM documents WHERE doc_categorie=".$result['cat_cle']." ORDER BY doc_lib DESC ";
													$qry2 = pg_query($conn, $sql2);
													while ($result2 = pg_fetch_assoc($qry2))
														{
														$clefile = $result2['doc_file'];
													?>
														<li>
															<a href="../admin/file.php?cle=<?=$result2['doc_cle']?>&oid=<?=$clefile?>&doc_type=<?=$result2['doc_type']?>&doc_lib=<?=$result2['doc_lib']?>" target="_blank">
																<?=$result2['doc_lib']?>
															</a>
														</li>
													<?
														}
													?>
													</ul>
												</dd>
											<?
											}
											?>
									</dl>

Mes categorie et sous categorie sont correctes, dès que je clique sur l'une l'autre se referme bien et seul hic et au chargement de ma page. Voici le code source quand j'exécute ce script :

<script language="javascript">
//effet déroulant menu de gauche
function montre(id)
	{
	var d = document.getElementById(id);
	for (var i=1; i<=200; i++)
		{
		if (document.getElementById('smenu'+ i))
			{
			document.getElementById('smenu'+ i).style.display = 'none';
			}
		}
	if(d)
		{
		d.style.display = 'block';
		}
	}
window.onload = montre;
</script>
<dl id="menu">
																					<dt onClick="javascript:montre('smenu1');">Bodemer Infos de  2006 </dt>
												<dd id="smenu1">
													<ul>
																											<li>
															<a href="../admin/file.php?cle=1&oid=0&doc_type=1&doc_lib= n°26 - Juin 2006 " target="_blank">
																 n°26 - Juin 2006 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=2&oid=0&doc_type=1&doc_lib= n°25 - Avril 2006 " target="_blank">
																 n°25 - Avril 2006 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=3&oid=0&doc_type=1&doc_lib= n°24 - Février 2006 " target="_blank">
																 n°24 - Février 2006 															</a>
														</li>
																										</ul>
												</dd>
																						<dt onClick="javascript:montre('smenu2');">Bodemer Infos de  2005 </dt>
												<dd id="smenu2">
													<ul>
																											<li>
															<a href="../admin/file.php?cle=4&oid=0&doc_type=1&doc_lib= n°23 - Décembre 2005 " target="_blank">
																 n°23 - Décembre 2005 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=5&oid=0&doc_type=1&doc_lib= n°22 - Septembre 2005 " target="_blank">
																 n°22 - Septembre 2005 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=6&oid=0&doc_type=1&doc_lib= n°21 - Juin 2005 " target="_blank">
																 n°21 - Juin 2005 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=7&oid=0&doc_type=1&doc_lib= n°20 - Avril 2005 " target="_blank">
																 n°20 - Avril 2005 															</a>
														</li>
																											<li>
															<a href="../admin/file.php?cle=8&oid=0&doc_type=1&doc_lib= n°19 - Février 2005 " target="_blank">
																 n°19 - Février 2005 															</a>
														</li>
																										</ul>
												</dd></dl>

Laissez tomber j'ai trouvé. J'avais un script pour afficher l'heure dynamiquement. Les 2 sont incompatibles... A moins que vous ayez une solution??

<script language="javascript">
//script pour l'heure dynamique
function HorlogeDynamique() {
	var DateActuel = new Date();
	var heure = DateActuel.getHours();
	var minutes = DateActuel.getMinutes();
	var secondes = DateActuel.getSeconds();

	if (heure == 0) {
		heure = "0" + heure;
		}
	if (minutes <= 9) {
		minutes = "0" + minutes;
		}
	if (secondes <= 9) {
		secondes = "0" + secondes;
		}
	Horloge = + heure + ":" + minutes + ":" + secondes ;
	
	if (document.getElementById) {
		document.getElementById("clock").innerHTML = Horloge;
		
		}
	if (document.layers) { 
    		document.clock.document.write("<br>&nbsp;&nbsp;"+Horloge); 
		document.clock.document.close(); 
  		}
	if ((document.all)&&(!document.getElementById)) { 
    		document.all["clock"].innerHTML = Horloge;
 		}
	setTimeout("HorlogeDynamique()", 1000)
	}
//window.onload = HorlogeDynamique;
</script>

Bonjour,

Le script d'affichage de l'heure est-il bien utile ? L'heure courante n'est pas vraiment une denrée rare en ce monde informatique...

sinon, une correction à faire: <script type="...">, et non language.
Modifié par Laurent Denis (07 Aug 2006 - 14:02)