Forum Moderators: open

Message Too Old, No Replies

Javascript menu over frames

         

TomJS

1:13 am on Jan 17, 2004 (gmt 0)

10+ Year Member



Earlier on somebody posted about this and somebody said something about a menu that goes over frames on dynamic drive but they didn't give a link and I coudl not find one. Can anybody give me the link?

DrDoc

5:03 pm on Jan 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



*bump* Anyone? :)

brucec

8:58 pm on Jan 23, 2004 (gmt 0)

10+ Year Member



Tom, With some DHTML and CSS for pull down menus, it is a snap and that is what you want to do for pull down menus, but it also takes a little CSS knowledge. The DHTML will be driven by Javascript event handlers and that is where the JS comes into play. Besides the javascript event handlers, it is all CSS from there. Here are some of the details for you to accomplish this:

Bascially, you can give a CSS visibility: CSS class and encase it in a DIV tag. Then, use a onMouseOver event handler to turn the DIV tag into a visible:show; style.

All your menus will be encased in the hidden DIV tag.

Also, you need to apply CSS to hide the DIV menus with a onMouseOut event handler.

To get the menus to show over the frames, you may need to supply a Z-INDEX style in your CSS.

I hope this helps.
Bruce

BlobFisk

1:21 pm on Jan 26, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I remember seeing this script many moons ago (apologies - I didn't bookmark it...). It's quite clever, but takes a lot of scripting to achieve.

I don't think that increasing the z-index will do the trick. Because 2 frames means 2 seperate DOMs, spanning layers across frames is difficult.

The script is probably still there on DynamicDrive if you go rooting for it!

ORBiTrus

2:58 am on Jan 30, 2004 (gmt 0)

10+ Year Member



If you find this, msg me. I'm interested in it... As far as I know, html is a windowless item. Hence, it cannot be made to layer above a windowed item. Like how you cann't get a <div> to show above a <select> in IE. Selects are windowed items.... the last of their kind, poor things...