| Hide | |
| |
|
Note: Form ovelap Works in IE and Mozilla and NN, but Flash element can act erratically in Mozilla. I have not worked on a Mozilla or NN fix...YET!! I am still investigating the erratic nature of the Flash overlap. In IE the first click of the button covers the dropdown but not on subsequent clicks. In Mozilla the results seem to vary according to the content of the Flash?
This method uses hidden DIVs which are made visible on mouseover event. The dropdown menu lives in a DIV named layerOne. When made visible this would normally fall "below" the form elements and the Flash SWF. However, above the form elements, but below the dopdown DIV is another DIV which contains an iframe. As long as the iframe matches the coordinates of the dropdown and the dropdown ZINDEX is higher that the iframe's containing DIV, the dropdown will appear "above" the usually persistent elements when the mouseover dictates visibility on both DIVs.
I will soon be revamping this page to make it a complete tutorial although the more experienced among you will have gotten it straight away!