Menu javascript qui disparait
Bonjour,
Bonjour, j'ai un menu sur une page html/php. Il est vertical avec des sous menu d�roulant vers la droite sur certains items.
Il est contenu dans une frame a gauche et ma page doit s'afficher au milieu dans une frame.
Lorsque je clique sur un item du sous menu, la page s'affcihe au milieu, jusque la pas de probl�me.
Mais les sous menu se d�sactivent en m�me temps et je dois retourner a la page d'accueil pour les rerendre actifs.
On dirait une perte de focus mais je ne sais pas comment r�gler ca. Quelq'un aurait une id�e? Voici le code PHP puis javascript:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
| <div id="menu_image">
<div id="menu">
<ul>
<li><a href="accueil.php">Accueil</a></li>
<li onmouseover="montre('visualisation',true);" onmouseout="montre('visualisation',false);">Visualisation
<ul id="visualisation">
<li><a href="visualisation_g_admin.php">Vue Générale</a></li>
<li><a href="visualisation_inc_base.php">Inconnus</a></li>
<li><a href="visualisation_archives.php">Archives</a></li>
<li><a href="visualisation_hub.php">Hubs</a></li>
<li><a href="visualisation_logs.php">Logs</a></li>
</ul>
<li></li><li></li><li></li><li></li><li></li><li></li><li></li><li></li>
<li><a href="deconnexion.php">Deconnexion</a></li>
</ul>
</div>
</div> |
et le code javascript:
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
|
//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';
}
}
} |
merci par avance de jeter un oeil :calim2: