Menu et sous-menu

Version imprimable

11/01/2008, 17h07
matt16matt

Menu et sous-menu

Bonjour,

Je cherche a faire un menu avec des sous-rubriques qui s'affiche au moment ou l'ont passe le souris sur les différentes rubriques, mais je ne veux pas que ces rubriques puissent s'ouvrir en même temps. Une seule a la fois, question de place.

Donc j'ai déjà la fonction qui permet l'affichage des sous-rubriques.
Mais je il faudrai soit désactiver les onmouseover avant chaque execution d'un onmouseover. Soit faire en sorte qu'un seul onmouseover puisse s'exécuter en même temps.
J'ai essayé de palier le probleme en mettant la même action en onmouseout, mais si l'ont passe la souris rapidement sur les liens, le onmouseout n'a pas le temps de s'activer. Et tout les onmouseover s'active, j'ai du ajouté une barre de scroll pour éviter que sa plan mon affichage quand sa arrive.

Merci de m'aider pour se probleme.
11/01/2008, 17h14
sachav

Pouvez-vous nous envoyer votre code ?
11/01/2008, 18h04
psylox

j'imagine que les menus appel la meme fonction lors d'un onmouseover avec un paramètre ... si oui il te suffit juste de cacher tous les sous-menus et ensuite d'afficher celui que tu veux.
sinon bin le mieux c'est de faire ça :lol:

Comme demandé je vous envoye mon code.
Je fais appel a deux script qui me permettent d'utiliser le "Effect.toogle", le texte caché s'affiche de facon que la page coulisse pour laisser apparaitre le texte caché juste en dessous du a href.

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
<script src="./lib/prototype.js" type="text/javascript"></script>
<script src="./src/scriptaculous.js" type="text/javascript"></script>
 
UE 1  : Communication, culture et connaissance de l environnement socio-économique<br/>
 
    <a href="#" onmouseover="Effect.toggle('d2','BLIND')"; onmouseout="Effect.toggle('d2','BLIND');">M 11 : Langues et communication interculturelle</a><br/>
          <div id="d2" style="display:none;">Anglais<br/>
          Autre langue<br/></div>
 
    <a href="#" onmouseover="Effect.toggle('d3','BLIND')"; onmouseout="Effect.toggle('d3','BLIND');">M 12 : Théories de l information et de la communication</a><br/>
          <div id="d3" style="display:none;">Enjeux de la communication<br/>
          Introduction aux théories de l information et de la communication<br/>
          Théories de l information et de la communication<br/>
          Approches de la communication et théories des médias<br/>
          Analyse et théories des médias<br/></div>
 
    <a href="#" onmouseover="Effect.toggle('d4','BLIND')"; onmouseout="Effect.toggle('d4','BLIND');">M 13 : Esthétique, écritures, langages et communication</a><br/>
          <div id="d4" style="display:none;">Esthétique et expression artistique<br/>
          Écriture pour les médias numériques<br/>
          Communication interpersonnelle<br/>
          Communication appliquée à la conduite de projet<br/>
          Pratiques de communication écrite et orale<br/></div>
 
    <a href="#" onmouseover="Effect.toggle('d5','BLIND')"; onmouseout="Effect.toggle('d5','BLIND');">M 14 : Conduite de projet, connaissance des organisations</a><br/>
          <div id="d5" style="display:none;">Droit<br/>
          Gestion de projet<br/>
          Économie et gestion<br/>
          Marketing<br/>
          Outils et méthodes de gestion de l information</div><br/>

13/01/2008, 23h29
psylox

algorythme :

- placer le onclick sur toutes les balises a -> ex nom de fonction : showDiv
dans cette fonction :
pour toutes les divs (ex : #div_ue1 div
si la div n'est pas cache alors
cacher la div
fin si
fin pour
montrer la div passer en parametre

je pense que tu pourras te débrouiller pour mettre ça en javascript
16/01/2008, 18h40
matt16matt

Je vois tout a fait ce que tu veux dire.
Je sais que c'est ce que je dois faire mais je sais pas programmer en javasrcipt, juste utiliser des formulaires.
Et justement dans le programme que tu me dis de faire il y a une chose que je sais pas faire, désactiver toutes les fonctions javascript ouvertes.

merci
17/01/2008, 16h09
psylox

Tu as peut-etre une fonction Effect.hide(..), tu peux donc l'appliquer a toutes les divs et ensuite faire un toggle qui aura pour effet de la montrer.
Quel framework utilises-tu?
20/01/2008, 17h04
matt16matt

Le probleme n'est pas de montrer la div, mais de faire en sorte qu'une seule div soit ouverte en même temps.
Car mon texte n'est compris que dans un espace de 458px sur 458px.
Si toutes les div sont ouvertes alors les texte dépasse de la div (juste avec deux sa le fait aussi) et pour éviter que sa déplace mes blocs j'ai ajouté un scroll en auto.

Mais j'aimerai savoir comment on peux faire pour créer un code javascript qui permet de savoir si les onmouseover sont ouvert (true) et faire en sorte de tous les fermer (false) avant d'ouvrir celui sur lequel se trouve la souris.
Ou fermé tout au moment du onmousover et ouvrir seulement une seul avec un onclic.

Pour résumé je cherche un programme simple qui permet de fermer les onmouseover ouvert.

Je sais comment faire en algorithme mais je ne connais pas suffisament le js pour le faire moi même.
Etant donné que je n'ai jamais programmé en js, mais en C et JAVA j'ai les bases, je sais comment sa marche dans le principe.

merci