Sunday, October 03, 2004

My approach to drop down menus using JavaScript

Drop down menu
<div>
<iframe></iframe>
<div></div>
</div>

Hide outer div by setting the Style.Visibility to "hidden".

Show it when you want to by setting Style.Visibility to "visible".

Be sure to set the z-index of the internal div higher than the z-index of the iframe; if you do not, then the iframe will show over the div instead of under. Div tags are windowed elements while iframes are considered windowless. That means that unless you set the z-index higher, the iframe will always show over the div.

For an example, please contact me until I have a link up for an example.

No comments: