Onmouseover sur elements imbriqués

Version imprimable

Bonjour,

J'ai un problème avec se menu :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<dl id="menu">
		<dt></dt>
		<dt><a href="index.php"><?=get_lang('liensaccueil')?></a></dt>
 
		<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"><?=get_lang('dernieresoffres')?></dt>
			<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="consulteoffre.php"><?=get_lang('consulteroffres')?></a></li>
					<?
					foreach($data as $indice => $ligne) {
								if ($ligne['id'] == '') ;
								else echo '<li><a href="consulteoffre.php?cat='.$ligne['id'].'&">'.get_lang($ligne['code']).'</a></li>';
								echo "\n";
							}
					?>
				</ul>
 
			</dd>	
 
		<dt><a href="depotannonces.php"><?=get_lang('placeruneannonce')?></a></dt>
 
		<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();"><?=get_lang('menudemande')?></dt>
			<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="fdemande.php"><?=get_lang('deposerunedemande')?></a></li>
					<li><a href="consultedemande.php"><?=get_lang('consulterdemandes')?></a></li>
				</ul>
			</dd>
 
		<dt><a href="recherche.php"><?=get_lang('rechercher')?></a></dt>
 
		<dt><a href="membres.php"><?=get_lang('accesmembres')?></a></dt>
 
		<dt onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();"><?=get_lang('menucontact')?></dt>
			<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="contact.php"><?=get_lang('nouscontacter')?></a></li>
					<li><a href="informations.php"><?=get_lang('informations')?></a></li>
				</ul>
			</dd>
		<dt></dt>
</dl>

a chaque fois que on veux affiche une page et ou que on change de page, les sous menu clignote 1 fois, y a t-il moyen d'enpecher sa ?

Merci d'avance

11/04/2007, 14h18
SpaceFrog

avec un cancelBubble ou stoppropagation ...

et java != javascript ... merci de modifier le titre du post ...
11/04/2007, 14h29
HwRZxLc4

a, mais comment je doit appliquer sa ?
11/04/2007, 14h40
SpaceFrog

fais une recherche sur le forum ce sujet à déja été abordé plusieurs fois ...
11/04/2007, 15h14
Auteur

regarde le forum contribuez....
Tu verras des discussions avec les titres :
-[SRC] Menu déroulant vertical
-[src] menu déroulant (horizontal)

néanmoins, je crains que tu aies quelques difficultés à adapter ces scripts à ton problème à cause de la présence de PHP dans ton code.
11/04/2007, 16h40
HwRZxLc4

:cry: j'ai pas trouvé de truc qui traite une des 2 commandes..

Bon ben on repart 15 jours à la chasse sur google...:cry:
11/04/2007, 17h01
Bisûnûrs

C'est parce que dans ton Javascript tu as

Code:

window.onload = montre;

Le onload se fait après que la page soit chargée et c'est ta fonction montre() qui masque les sous-éléments.
Conclusion, les sous-éléments s'affichent tant que la page n'est pas entièrement chargée.

2ffectivement c'est bien dans mon javascript
Code:

1 2 3 4 5 6 7 8 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';} }
J'ai essayé de le désactiver, du coup c'est encore pire, tant que je ne clique pas dans la fenêtre, les sous menu reste afficher....

11/04/2007, 21h05
FremyCompany

Et CSS ca veut dire quoi pour toi ? ;)

Code:

<tonMenu style="display: none; LE_RESTE_DE_TON_STYLE">

Ah oui, et tu enlève "window.onload=montre"
12/04/2007, 10h51
HwRZxLc4

Merci bien, grâce à toi j'ai résolu se problème, grand merci.
12/04/2007, 15h40
FremyCompany

De rien !
Et bonne continuation !