Layering menus

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:35

Layering menus

Poster: wwwolf2
Dated: Monday March 29 2004 - 17:44:04 BST

I am using a fixed side menu at the top of the page and a following 'top' menu to get you back to it once you scroll down the page. Can I safely position the scrolling one in the same space as the side menu, so that it 'hides' behind it until I scroll down, and then emerges? I've tried it in recent Safari, Opera and IE for Mac and on IE 5.5 and Netscape 7.0 for windoze. Hides nicely on all of them. Is that reliable behaviour for older browsers / other platforms?

In case my description not obvious, here's my test page:

http://www.eurosif.org/_pub2004/ztemplate/index.shtml

Thanks!
Jon

Poster: Maz
Dated: Monday March 29 2004 - 17:53:41 BST

Probably won't know for sure without testing in older browsers, I can't really help there.

Take a look at Activities > EU Policy > Transparency

Something wrong there!

maz

Poster: John
Dated: Monday March 29 2004 - 20:14:17 BST

OK, we have a few things here...

1. It's not necessary to break apart the _data file into separate items as you have; i.e., ...

Code:

<script language=JavaScript src="/_comm2004/scripts-mock/menu_data_lhs_about.js" type=text/javascript></script>   
<script language=JavaScript src="/_comm2004/scripts-mock/drawmenus.js" type=text/javascript></script>

I took those items and put them back into the main _data file.

2. borderstyle="none";, etc. "none" is invalid, just leave these statements out altogether.

3. separatorsize="1";, etc. Leave out the " " for numeric parameters, as separatorsize=1;. Also,if you have an item defined as 0 (zero), that can be left out as well.

4. Here's the problem child...

Code:

with(milonic=new menuname("EUPolicy")){
style=menuStyle;
itemwidth=130;
aI("text=Transparency;showmenu=EUPolicy;url=/Z/how/nlp/index.shtml;");
aI("text=Multi-Stakeholder<br>Forum on CSR;url=/Z/how/tlt/index.shtml;");
aI("text=Other;url=/Z/how/hypn/index.shtml;");
}

Note the name of this menu is EUPolicy, and the very first aI() statement is calling this same menu again. Death loop. I'm sure you meant to have something else in there for the ...Transparency;showmenu= item.

As for the older browsers, I can't answer that, either. However, it's a nice effect.

Poster: Ruth
Dated: Tuesday March 30 2004 - 4:31:40 BST

It works in Netscape 4.79 [pc] The 'item' becomes the 30 pixels you have listed for itemwidth and is completely black in color.

Ruth

Poster: John
Dated: Tuesday March 30 2004 - 4:48:05 BST

Ruth wrote:

It works in Netscape 4.79 [pc] The 'item' becomes the 30 pixels you have listed for itemwidth and is completely black in color.

Do you mean the little scrolling 'top' thing? If yes, then it's not working. It should say 'top' with an upward pointing arrow on top of 'top'.

Thanks everybody - is this better?

Poster: wwwolf2
Dated: Tuesday March 30 2004 - 12:51:16 BST

I've taken out the unnecessary code (zeros and "none") and fixed the broken submenu -- over-hasty cutting and pasting! :oops:

I wonder if the black menu was NS4 misinterpreting my illegal "none" values -- does it say "top" now? I tried to test i myself, but NS4 seems to have vanished off my old windoze machine... no great loss I guess! :lol:

The separation of one of the menus into a different file is deliberate -- I'm going to have a set of those, and use conditional SSIs to determine which side menu to load according to which section of the site the user is in. Is there a better way of doing that?

Best, Jon

Poster: Ruth
Dated: Tuesday March 30 2004 - 15:00:23 BST

Quote:

Do you mean the little scrolling 'top' thing? If yes, then it's not working.

Yes, I did. I meant it was working in the sense that it followed you down the page. The none confused it though and made the bgcolor for the item black so you couldn't see it. It is now working.

Ruth

Re: Thanks everybody - is this better?

Poster: John
Dated: Tuesday March 30 2004 - 15:09:33 BST

wwwolf2 wrote:

I've taken out the unnecessary code (zeros and "none") and fixed the broken submenu -- over-hasty cutting and pasting! :oops:

Just looked again and all appears to be well.

wwwolf2 wrote:

I was able to see the arrow and 'top' under IE6 even with the 'none' values in there. It still displays properly now. Old browser probably the problem, and, as you say, no great loss.

wwwolf2 wrote:

OK, got it.

Sounds like a good plan to me.

Industrial Strength JavaScript and DHTML Menus

Layering menus

Thanks everybody - is this better?

Re: Thanks everybody - is this better?