[DOM] Menu déroulant DIV

Version imprimable

03/10/2008, 14h35
poitierjohan

[DOM] Menu déroulant DIV

Bonjour,
Je cherche à faire un menu du genre de celui qu'on retrouve sur cette page en cliquant sur "Recherche" ou sur "Liens rapides"...
Comment faire? merci pour votre aide...
03/10/2008, 18h22
Kennel sébastien

Salut,
Avec la méthode addEventListener et le type click pour firefox et compagnie, avec attachEvent et le type onClick pour IE. Il te suffit de le rendre visible quand l'utilisateur clique la première fois et invisble quand il clique une seconde fois.
03/10/2008, 19h42
poitierjohan

Celà m'en dis déjà bcp plus...
Est-ce que tu pourrais me faire un petit exemple ?
L'animation comme on retrouve ici n'est absolument pas nécessaire.
Merci à toi.

La bascule, pourrai ressembler à ceci (non testé):

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
 
function evenements(fonction, chemin, type)
{
    try {
        chemin.addEventListener(type, fonction, false);
    } catch (e) {
        chemin.attachEvent('on' + type, fonction);
    }
}
 
function menuVisible(id)
{
    id = document.getElementById(id);
 
    var eveClique = function(e) {
        visible = document.getElementById('menu').style.visibility
        visible = visible === "visible" ? "hidden" : "visible";
    };
 
    evenements(eveClique, id, 'click');
}
 
evenements(function() {
    menuVisible('id');
}, window, 'load');

Tu peux faire le reste en HTML et CSS ou alors tu le crées avec le DOM du côté de JavaScript.