Bonjour,

J'aimerai créer un menu déroulant sans à avoir à modifier le code html ci-dessous. J'ai commencé un code js mais je n'arrive pas à récupérer le numéro du menu sur lequel la souris passe.
Avez-vous une idée ? Un exmple ?
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
<div id="menu">
    <dl>
        <dt>Titre 1</dt>
        <dd>
            <ul>
                <li>item 1</li>
                <li>item 2</li>
                <li>item 3</li>
            </ul>
        </dd>
    </dl>
    <dl>
        <dt>Titre 2</dt>
        <dd>
            <ul>
                <li>item 1</li>
                <li>item 2</li>
                <li>item 3</li>
            </ul>
        </dd>
    </dl>
</div>
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
<script type="text/javascript">
var PAGE = function(){
	return {
		addLoadEvent : function(e) {
			if (window.addEventListener)
	 			window.addEventListener('load', e, false);
	  		else if (window.attachEvent)
				window.attachEvent('onload', e);
		},
		menu : function(){
			return {
				init : function(){
					this.deplie();
				},
				deplie : function(){
					var _menu = document.getElementById('menu');
					var _dls = _menu.getElementsByTagName('dl');
					var _dt = new Array();
					for(var i=0;i<_dls.length;i++){
						var _dts = _dls[i].getElementsByTagName('dt');
						_dt.push(_dts[0]);
					}
					for(var i=0;i<_dt.length;i++){
						_dt[i].onmouseover = function(){
							alert('Hello '+i);
						}
					}
				}
			}
		}()
	}
}();
 
PAGE.addLoadEvent(function(){
	PAGE.menu.init();
});</script>