Milonic JavaScript Menu

Hey Ruth,
I'll try to put together a test page later on today. Im working for a company that works closely with the government, and because of a proprietary information agreement, I can't post the actual files. There's nothing overly sensitive about the menu, but I want to stay on the safe side ...

Just posting to let you know I'm too inept to get the code working properly. I'll keep working at it, but if you have any other suggestions I would appreciate them.

Thanks Ruth. I'll play with this and see if i can get the desired effect. If I do, I'll make sure to post my solution for others in the future.

Hey Ruth,
Thanks for the response. The openmenubyurl script isn't quite what I'm looking for. I want the menu to start partially expanded, but to the same level on every page. That would be ideal for my application.

I've been looking at adding functionality like this to the treemenu.js script, but ...

I've seen a couple of threads for the open by URL script, (which doesn't appear to be on the server anymore) but I'm not sure how it would work for me. I'm looking to have several submenus in a tree expanded when the page loads.

I'd like to be able to flag each submenu as "open" if I want it to ...

Thanks Ruth,
I've decided it's not too much trouble to just specify the clicksubimage when needed. It will only be a couple of times. Stay tuned for more tree-related questions.

I've also used spans and css to achieve a similar effect.



aI("text=I<span class=smallertext>TOOL</span>;url=example.html;");


And then set the style in your stylesheet. Or, you can set the css inline. Basically, if you can do it in a regular page, you should be able to do it in a menu item ...

In my tree menu, the clicksubimage displays on every menu item that I click. This is ordinary functionality, but it seems strange using the familiar document tree metaphor, where plus and minus signs are used to indicate the existence of subfolders. In the example, a minus sign shows up on click ...

Thanks Andy, that did it. I'm so used to following conventional wisdom (use the smallest graphic possible to save bandwidth) that I didn't think of that.

Example: http://www.complexprocess.com/milonic/m ... /test.html

My implementation of the menu is lagging when users move the mouse over the different items. This is particularly evident under Main 2 > Header 1. In the example, it's not that bad, but my actual implementation is much worse in the lag ...

Wow, I didn't know about the copyOf function, that's cool. I was just going to copy/paste and make a few changes. Thanks!

Thanks a bunch! I think I saw the post for this code, but because the original page was gone (as you said) I didn't get what was going on. Anyway, I'll play around with it. Thanks so much.

Edit-
I have a question about the separatorsize=0; going in every item. Is there a reason for that, other than ...

Thanks Ruth. I'll add that technique to the list of things to consider. :)

Edit:
I have another question. Is there a way to create an invisible menu item, effectively a blank space? I've tried creating spaces with the following:

aI("text= ;");

however this creates a blank, but clickable menu ...

That's correct. The gray box, with all 3 columns, is supposed to represent one submenu. All of it should open up when I mouse over the first "Main Menu" item. There would be similar submenus (also with multiple columns) under the other two main menu items.

I know that I could do this using the ...

Hey Ruth,
Here's an example of what I'm looking for. It's just static html (If I knew how to get it to work as a pop-up menu I wouldn't be posting here ;)) but you should be able to get the idea.

The lighter main menu box represents a box that's been mouse-overed, the large box with the gray ...

I'm trying to set up a menu that makes use of the multi column feature. I was expecting the menu items to be inserted as columns, but they're inserted from left to right. Here's an example, using a 3 column menu. Forgive the code tags, but i want it to line up.

I want them in this order:
1|4|7
2|5 ...