Discussion :

[zaldiko]

Bonsoir,
J'ai placé sur mon site le menu horizontal déroulant que j'ai trouvé ici sur le site. Je voudrais savoir si c'est possible de rajouter un timer dans ce script afin que lorsque l'on ne survole plus le sous menu, les onglets reste affiché 1 seconde.
En vous remerçiant de votre réponse.

[zaldiko]

J'ai avancé dans mon code, j'ai reussi à fixer les onglets lors du passage de la souris, mais le menu ne disparait pas :

Menu.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
43
44
45
46
var timerMove = null;
//au chargement de la page, on appelle la fonction montre()
window.onload=montre;
 
//affichage du menu déroulant et placement de ce dernier
function montre(id,affiche)
{
	var d = document.getElementById(id);
	//si on quitte un élément du menu
	if (d && !affiche) 
	{
		d.style.display='none'; //on l'efface
		var c=d.parentNode; //son parent
		if (c.parentNode.parentNode.parentNode.tagName!='DIV')  //si c'est un sous-menu, on rend à son parent les couleurs d'origine
		{
			c.firstChild.style.color='#39f';
			c.firstChild.style.background='#fff';
		}
	}
	//sinon si on se mets sur un élément du menu
	else if (d && affiche)
	{ 
		d.style.display='block'; //on l'affiche
		var c=d.parentNode; //son parent
		if (c.parentNode.parentNode.parentNode.tagName!='DIV') //si c'est un sous-menu, on donne à son parent les couleurs de survol
		{
			c.firstChild.style.color='#fff';
			c.firstChild.style.background='#39f';
		}
	}
}
function linkOut(montre)
{  
  timerEfface = setTimeout("montre()","1000");
 
  if (timerMove!=null)
  {
    clearTimeout(timerMove);
    timerMove = null;
  }
  if (timerOver!=null)  
  {
    clearTimeout(timerOver);
    timerOver = null;
  }
}

Index.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div id="menu">
	<ul>		
		<li onmouseover="montre('smenu5',true);" onmouseout="linkOut('smenu5',false);">Menu 5
			<ul id="smenu5">
				<li onmouseover="montre('smenu51',true);" onmouseout="montre('smenu51',false);"><a href="#">smenu51</a>
					<ul class="dernier" id="smenu51">
						<li><a href="#">smenu511</a></li>
						<li><a href="#">smenu512</a></li>
						<li><a href="#">smenu513</a></li>
 
					</ul>
				</li>
 
			</ul>
		</li>
		</ul>
</div>

En vous remerçiant de votre aide.

[zaldiko]

Bonjour,
Je n'ai pas réussi a stabiliser le menu et en utilisant , j'ai réussi a trouver ce menu qui correspondait à tout ce que je recherchait.