Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:08

Outlook style.... Need help defining styles and menus


Poster: Brannmark
Dated: Tuesday April 4 2006 - 7:34:25 BST

I want to create an outlook style menu. When I click on one of the "main" menu items it should open a treemenu like in the image. Can someone help me out on how to achive this with milonic and the treemenu addon?


Image


Poster: Ruth
Dated: Tuesday April 4 2006 - 16:17:44 BST

Hi,

People would need the images in order to help you with something like that. So you'd have to put them someplace they could get all those images.

Ruth


Poster: Brannmark
Dated: Wednesday April 5 2006 - 6:46:30 BST

I dont need a finished "style", but rather a exampel on how I coul achive this.

Been testing some, and the buttons in the bottom is set relative into a td. But I need to setup the "tree" menu above to relative also, as I dont know the exact position. If I dont set the tree menu to relative it works great. But when I set the parent tree menu to relative it doesnt work..


Poster: Migru
Dated: Wednesday April 5 2006 - 6:59:04 BST

Hi

as far as I remember, the relative positioning of the treemenu should not be implemented in the same way as it is suggested for the "table based menu".
Try to put the entire menu into the <td> (not only the main menu), but of course using - position="relative"; - .

Michael


Poster: Brannmark
Dated: Wednesday April 5 2006 - 9:18:08 BST

Got it to work, expanding and closing trees good. But when I use the openbyurl script to "remember" what menus that where open, it expands all tree menus, even if the nodes where closed...


Poster: Migru
Dated: Wednesday April 5 2006 - 9:34:40 BST

Hi

global setting in treemenu_data.js

Code:
singleMasterMenu=true; //have one menu open at a time



order of js-references:

<script type="text/javascript" language="JavaScript" src="treemenu.js"></script>
<script type="text/javascript" src="openmenusbyurl.js"></script>
<script type="text/javascript" language="JavaScript" src="treemenu_data.js"></script>

Please see:
http://www.milonic.com/treemenu/


Michael


Poster: Brannmark
Dated: Wednesday April 5 2006 - 9:39:31 BST

Ok, now I found what caused that problem. Cant use the same "page" on the two nodes, as then it expands all nodes with that "page" name, is that correctly understood?


Poster: Migru
Dated: Wednesday April 5 2006 - 9:43:12 BST

Hi

if you mean with "page" = url, I think so, its correct.

Michael


Poster: Brannmark
Dated: Wednesday April 5 2006 - 9:46:34 BST

Yepp, seams to be that. As now it works great when I put diffrent pages in all urls...

Would this mean I could have problems with a page that has querystings, or does the openmenusbyurl grab the whole page name including querystrings?


Poster: Migru
Dated: Wednesday April 5 2006 - 9:51:41 BST

Hi

find out by testing please, got some experience with the treemenu, but not really indepth and not at all with the source, just user of "my" datafile. in this case.

Michael


Poster: Brannmark
Dated: Wednesday April 5 2006 - 9:56:54 BST

Seams to work with querystrings, so the page could have the same name, if the querystring for the "menus" are diffrent


Poster: Brannmark
Dated: Wednesday April 5 2006 - 10:57:02 BST

Any way to keep all opened nodes in a treemenu open? the openmenusbyurl will keep the clicked node open.

Like this:

Parent Node1
____sub node 1
Parent node2
____sub node2

If I click sub node2, Parent node1 closes, and parent node2 opens like it should. But what if I would like to keep the parent node1 open also?


Poster: Migru
Dated: Wednesday April 5 2006 - 11:03:52 BST

Hi

please study the samples

http://www.milonic.com/treemenu/

particularly

http://www.milonic.com/treemenu/tree/
and click there open all - close all

If you look into the html source you find the relevant functions and you can download the relevant treemenu_data.js. (by manually entering the url into your browsers addres field, you will know that.)

Michael