event delegation

Hi,

I have to use JS to drive a flyout menu for IE6. Unfortunately the
given script just handles 1 ID (<ul id=nav>). As I need this flyout
menu several times (link in table) I need to assign the function to
all ids with the name “nav_x” whereby x a counting number represents:
nav_1, nav_2, nav_3…

Here is the current code. Maybe you guys can help me to put this into
a function which takes all nav_x?

[code=html]
sfHover = function() {
var sfEls = document.getElementById(“nav”).getElementsByTagName(“LI”);
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=” sfhover”;
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(” sfhover\b”), “”);
}
}
}
[/code]

thanks

Elli

Also in #JavaScript _↴