can javascript/dhtml drop down menus go over flash?

[ssipse]

Hi,

I am trying to build a site with dhtml/javascript navigation which has drop downs when u mouse over. Problem is, my developer is telling me that those drop downs can not go over flash on html page. Is there a way for the drop downs to go over flash..??

[anonymous]

Sure can...

http://www.kirupa.com/developer/flash5/dhtmlflash.htm

But since the Flash movie has to be set to "transparent", this may not work cross-plaforms & browsers.

[ssipse]

what i meant was, can the drop down menu go over flash?

[anonymous]

I understood what you meant, and yes if the dhtml menu is in a higher division (z-index) than the Flash movie, it will appear ovrer the flash movie.

Flash movie still has to be set to transparent mode anyways, and that's why I brought up the cross-browsers issue.

[jsebrech]

Flash (without wmode) is a windowed control, a windows control that appears in a separate operating system window (but without any borders). This means it appears above the window in which the web page is rendered.

In IE you can blend an iframe with the background of the popup div to force it to be a windowed control, which should make it respect z-index relative to other windowed controls. I've used this in the past to make dhtml popups appear over SELECT controls in IE. This may work with non-wmode flash controls as well. Still, that doesn't help you in other browsers.

Here's the javascript code from my forced windowed control popup div:
strHTML = '<div style="position: absolute; width: 300px; height: 200px; overflow: hidden;">';
var is_ie6 =
document.all && (navigator.userAgent.toLowerCase().indexOf("msie 6.") != -1);
if (is_ie6) {
strHTML +=
"<iframe style=\"position: absolute; display: block; " +
"z-index: -1; width: 3000px; height: 2000px; top: 0; left: 0;" +
"filter: mask(); background-color: #ffffff; \"></iframe>";
};
strHTML += '</div>';

[ssipse]

great, help is much much appreciated. Thanks guys

[anonymous]

Ÿou're welcome. ;)