Need to add iframe to this function

[cmcdermo]

We have this script that currently shows a drop down menu when someone mouseovers a link, it pulls a div that sits off the screen and shows it to the user.

What i need to do now is i need to add an iframe to this, so it does the same . . . . but i'm a little unsure how to do it.

thanks.

TESCODIRECT.lib.topNav = new function() {
    this.VERSION = "1.0.0";
    this.NAME = "TESCODIRECT.lib.topNav";
 
    this.init = function() {
        if(window.attachEvent) {
            var o = document.getElementById("nav");
            if(o) {
                var oLi = o.getElementsByTagName("li");
                for (var i = 0; i < oLi.length; i++) {
                    oLi[i].onmouseover = function() {
                        this.className += " sfhover";
                    }
                    oLi[i].onmouseout = function() {
                        this.className = this.className.replace(new RegExp(" sfhover\\b"), "");
                    }
                }
            }
        }
    }
}

[mplungjan]

Your code only changes a classname.

Did you try replacing the div with an iframe or have the iframe inside the div?