JavaScript/IFrame/MSOffice Problem?

[bubarooni]

At the top of my page I have a JavaScript navigation bar with drop down menus.

Middle of the page has DIV with an iframe located in it.

When user selects certain dropdown options, a MSOffice file, excel or word, is loaded into the iframe. This works great.

However, when an MSOffice file is in that iframe, the javascript dropdown menus get hidden behind the file loaded in the iframe.

Is there some type of z-order like property I can assign the iframe so that the javascipt dropdowns will display over the top? Maybe it's just not possible?

Thanks

 

[AtomicChip]

As far as I know, what you're asking isn't possible. It's some dumb browser thing with how the controls are rendered. The same thing happens if you have a DHTML dropdown menu over a combobox box and some other controls.

-----------------------------------------------

http://www.liquidfuzion.com

"The night sky over the planet Krikkit is the least interesting sight in the entire universe."
-Hitch Hiker's Guide To The Galaxy

 

[bubarooni]

Rats! I think I'll dump the dropdowns then. I don't want to convert all those Office file to HTML.

 

[dkdude]

There is a workaround. Didn't have time to test is though:

The trick is to show hide the drop down DIVs. If you place your "drop down"s in DIVs (NOT input-select-options) and stack them properly (the DIV with the IFRAME must have the least z-index) it should drop down over the IFRAME as well.

Confused? Let me know and I'll try to explain myself better.

Good Luck


Jakob

 

[BabyJeffy]

I'm with atomicchip on this one... the same is true for the likes of Flash and Quicktime content. It's as if this kind of content gets to float above all other content (regardless of what you try with z-indexes).

Jeff

 

[bubarooni]

OK, dkdude, I'm confused but totally committed to giving it a shot if you have time to elaborate. I really don't want to ditch the drop-downs.

 

[bubarooni]

While you are demystifying that for me, if you happen to know how to resize a document when it is loaded into an iFrame, I'd appreciate a pointer on that as well. I'd like to just shrink them to the same size as the iframe so they display without the need of scroll bars. They're all MS Office documents.