Are you sitting comfortably?!
I have a html page with an iframe (pageFrame) in the middle.
Into this iframe loads the pages.
One of these pages (shopwindow) is spilt into 3 more iframes - 1 on the left (productFrame) and two on the right (catalogueFrame and modelFrame.)
The html page has a javascript dropdown menu in the top right corner.
The page with the three iframes has a html select menu in the top right iframe (modelFrame).
The problem - When the 'shopwindow' page is open, the javascript dropdown, appears behind the select menu in the 'model' iframe (z value is lower). This is a well documented problem, which I intend to overcome by including the select menu in a div tag and hiding this div with javascript when the javascript menu is rolled over.
Firstly - how do I target the div in this iframe?
Secondly - how do I get this javascript to run ONLY if the 'shopwindow' page is open, so it doesnt trip looking for a div that isnt there?
Phew!!
Any solutions or suggestions?
Monkey
I have a html page with an iframe (pageFrame) in the middle.
Into this iframe loads the pages.
One of these pages (shopwindow) is spilt into 3 more iframes - 1 on the left (productFrame) and two on the right (catalogueFrame and modelFrame.)
The html page has a javascript dropdown menu in the top right corner.
The page with the three iframes has a html select menu in the top right iframe (modelFrame).
The problem - When the 'shopwindow' page is open, the javascript dropdown, appears behind the select menu in the 'model' iframe (z value is lower). This is a well documented problem, which I intend to overcome by including the select menu in a div tag and hiding this div with javascript when the javascript menu is rolled over.
Firstly - how do I target the div in this iframe?
Secondly - how do I get this javascript to run ONLY if the 'shopwindow' page is open, so it doesnt trip looking for a div that isnt there?
Phew!!
Any solutions or suggestions?
Monkey
Comment