Discussion :

[matt16matt]

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.

[sachav]

Pouvez-vous nous envoyer votre code ?

[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

[matt16matt]

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 :

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
<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/>

[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

[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