Flash & FSMenu

I have looked through all your forum topics relating to this....lots of info, unfortunately none of the things worked. IE kind of works, but the flash covers the image that is at the bottom of my drop down menu div that adds rounded corners. In Firefox, the flash completely covers the menus.

I am currently using the second fix that came in your extras package that is suppose to cover select, iframe & object(flash) tags. Tried using the first fix and I couldn't get it to work. I am also using the wmode in the html and exporting as wmode in flash. I have tried both opaque & transparent. Any help getting this resolved would be great.

If I can get this resolved, our company plans on donating to use your menu system....we are in the very early stages of development.

Code  to follow in second post.

Also have this in the head of my html document


var  arrow = null;
if (document.createElement &&  document.documentElement)
{
 arrow = document.createElement('span');
arrow.appendChild(document.createTextNode('>'));
 // Feel free to replace the above two lines with these for a small arrow image...
 //arrow = document.createElement('img');
 //arrow.src  = 'arrow.gif';
 //arrow.style.borderWidth = '0';
 arrow.className  = 'subind';
}
addEvent(window, 'load',  new Function('divMenu.activateMenu("navCategories", arrow)'));
addEvent(divMenu, 'show', function(mN) { this.ieSelBoxFixShow(mN) }, 1);
addEvent(divMenu,  'hide', function(mN) { this.ieSelBoxFixHide(mN) }, 1);

Dropped in the second fix from the test area and had no luck. I realize firefox on Linux has some problems with this, but I am testing on IE 6 & 7 & Firefox on Widows XP that is being run on an intel mac through Parallels.

Kind  of complicated, but it seems to be previewing correctly 99% of the time & I checked this problem on a pc running XP in all browsers & it still has the same problems.

You  can take a look at what is going on at:
http://shellscript.homelinux.net/kkelly/html_in_progress/main.html

Thanks  again for your help & the support you give for your scripts are great!

Thanks,
-kris

What is the element-hiding fix? Is that the first method of hiding select, iframe & object tags? If so, I have tried using that fix with no luck.

Thanks  again for your help!

-kris

I am completely confused, you got this to work? Copied all of the extras code, changed listMenu to divMenu & I am still not getting the results you had. Here is the code I copied in.....

FSMenu.prototype.toggleElements = function(show)
{
 // CONFIGURATION: Here's a list of tags that will be hidden by menus. Modify to fit your site.
var tags = ['select', 'iframe', 'object',  'embed'];

 if (!isDOM)  return;
 if (!show) for (var m in this.menus) if (this.menus[m].visible) return;
 for (var t in tags)
 {
  var  elms = document.getElementsByTagName(tags[t]);
  for (var  e = 0; e < elms.length; e++) elms[e].style.visibility = show ? 'visible' : 'hidden';
}
};
addEvent(divMenu, 'show',  function() { this.toggleElements(0) }, 1);
addEvent(divMenu, 'hide',  function() { this.toggleElements(1) }, 1);



I also have this in the head of my html page, do I need it?

addEvent(window, 'load',  new Function('divMenu.activateMenu("navCategories")'));

Also.....

I have also put a breakpoint in firebug and it isn't hitting it at:
FSMenu.prototype.toggleElements = function(show)

Went to target, where I originally saw you menu, I noticed they are using a different piece of code to show hide the menu over flash.

When I set a breakpoint on: FSMenu.prototype.onshow = function(mN) { with (this)

it stops the menu and I have to step through the menu to get it to display. Unfortunately, I am pretty new to javascript, so I can't seem to figure out what they are doing to make their menu go over the flash on their home page.

Thanks,
-kris

http://shellscript.homelinux.net/kkelly/html_in_progress/main.html


This  has been updated with the test area script. The interior menu & the under car & hood menus are the only ones I have functioning. Also, the menus seem to be a little jumpy when you go between the two....any ideas?

Thanks,
-kris

I am completely confused, you got this to work? Copied all of the extras code, changed listMenu to divMenu & I am still not getting the results you had. Here is the code I copied in.....

FSMenu.prototype.toggleElements = function(show)
{
 // CONFIGURATION: Here's a list of tags that will be hidden by menus. Modify to fit your site.
var tags = ['select', 'iframe', 'object',  'embed'];

 if (!isDOM)  return;
 if (!show) for (var m in this.menus) if (this.menus[m].visible) return;
 for (var t in tags)
 {
  var  elms = document.getElementsByTagName(tags[t]);
  for (var  e = 0; e < elms.length; e++) elms[e].style.visibility = show ? 'visible' : 'hidden';
}
};
addEvent(divMenu, 'show',  function() { this.toggleElements(0) }, 1);
addEvent(divMenu, 'hide',  function() { this.toggleElements(1) }, 1);



I also have this in the head of my html page, do I need it?

addEvent(window, 'load',  new Function('divMenu.activateMenu("navCategories")'));

Also......
I  have put a breakpoint in firebug and it isn't hitting it at:
FSMenu.prototype.toggleElements = function(show)

Went to target, where I originally saw you menu, I noticed they are using a different piece of code to show hide the menu over flash.

When I set a breakpoint on: FSMenu.prototype.onshow = function(mN) { with (this)

it stops the menu and I have to step through the menu to get it to display. Unfortunately, I am pretty new to javascript, so I can't seem to figure out what they are doing to make their menu go over the flash on their home page.