18042 sujets

Questions générales et questions de débutants

Menu deroulant horizontal : les sous menu ne disparaissent pas

bonjour,

J'utilise le script alsacreation et je n'arrive pas a faire disparaitre les sous menus en utilisant firefox . Quand a IE, rien ne s'affiche du tout .

J'ai bien ete voir la partie "variante" du tuto pour changer le code onmouse out, mais rien n'y fait ...
Merci pour toute aide ...

Le test est sur : http://reseau-coherence.org/menu_css.php3

Et le code :

<html>
<head>

<style type="text/css">

@import url(menu.css);
//

</style>

 <script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}

</script>

</head>

<body>

<div id="menu">
	<dl>
		<dt onmouseover="javascript:montre();"><a href="http://reseau-coherence.org" title="Retour à l'accueil">Accueil</a></dt>
	</dl>

<BOUCLE_menu(RUBRIQUES){id_rubrique=2} >	
<dl>					
<dt onmouseover="javascript:montre('#TITRE');" ><a href="#URL_RUBRIQUE">#TITRE</a></dt>
<dd id="#TITRE"  onmouseout="javascript:montre();">
<ul>				
<BOUCLE_sous_menu(ARTICLES){id_rubrique=2} {par titre}>
<li><a href="#URL_ARTICLE">#TITRE</a></li>
</BOUCLE_sous_menu>					
</ul>		
</dd>
</dl>
</BOUCLE_menu>		
etc ....

Modifié par jacques1 (29 Jul 2006 - 13:13)
Bonjour jacques1,

As-tu pensé à valider ton code HTML ?

Je n'ai plus les détails de la sécification sous les yeux, mais il me semble qu'il est impossible de faire commencer un identifiant (id) par un #.

La syntaxe correcte est la suivante :
HTML :
<balise id="identifiant">

CSS :
balise#identifiant {propriété: valeur;}
OU
#identifiant {propriété: valeur;}


Il faudra bien sûr la répercuter sur ton code javascript.
Modifié par mpop (29 Jul 2006 - 13:26)
Bonjour,

Respecter la syntaxe HTML, en fermant le commentaire de l'élément <script> va aussi aider le navigateur à avoir quelque-chose à afficher Smiley cligne 

<script type="text/javascript">
<!--
windows...

[#red]  -->[/#]
</script>


D'une manière générale, pour éviter ce type d'oubli (très facile à commettre) : ajouter un doctype approprié (XHTML1.0 transitionnal, par exemple) et valider son code, d'abord, pendant, après...
Modifié par Laurent Denis (29 Jul 2006 - 13:40)
mpop a écrit :
il me semble qu'il est impossible de faire commencer un identifiant (id) par un #.


Il s'agit de code Spip (#variable) Smiley cligne
mpop a écrit :


La syntaxe correcte est la suivante :
HTML :
<balise id="identifiant">

CSS :
balise#identifiant {propriété: valeur;}
OU
#identifiant {propriété: valeur;}


Il faudra bien sûr la répercuter sur ton code javascript.


Bonjour,

a quel niveau dois-je integrer ces codes ?

Ou se trouve le code javascript a modifier ?

Merci
Sujet clos
Aller à