Recent Questions Code Save Tree Menu Item Sothink
Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text.. For example:
["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],
However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all.
For example:
dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);
dm_ext_addItem(0, 0, ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);
dm_ext_addItem(0, 0, ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);
How can I generate multiple levels of the menu with javascript?
A: I suppose that your code is not valid
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);
Try to write it in the following way:
dm_ext_addItem(0, 0, ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);
Q: How can I setup Font Size, color for individual level, button? How?
A: You should use Individual Item Styles.
var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];
menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];
Q: I’m very interested in your script of deluxe-menu.
I tryed your script out and have some questions now:
How do I highlight main menu items when I selected a main category?
How do I highlight submenu items when I selected a sub category?
How can I have a submenu unfoldet when I selected the matching main category?
I would be pleased to have answers to my questions as soon as possible.
Thank you for support!
A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.
You can set a pressed item using Javascript API:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)
Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
Q: Is there any way to change the font size of the secondary and tertiary links but yet have a different font size for the primary links?
A: You can use different font style for each link on each level.
You should use Individual Item Styles.
Please, use Dhtml Tuner application to create individual styles.
For example:
// --- DHTML Tuner style names ---
var tstylesNames=["Individual Style 1","Individual Style 2","Individual Style 3","Individual Style 4","New Individual Style",];
var tXPStylesNames=["Individual Style 1",];
var tstyles = [
["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
//style 0 ["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#215DC6,#428EFF","tfontDecoration=none,none"],
//style 1 ["tfontDecoration=none,none"],
//style 2
["tfontStyle=normal 8pt Tahoma","tfontColor=#013D6D,#5555FF"],
//style 3
["tfontStyle=bold 11px Bookman Old Style","tfontColor=#000000,#000000","tfontDecoration=none,underline"],
//style 4
];
var tmenuItems = [
["+DHTML Menus","", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
//style 0
["|DHTML Menu","http://dhtml-menu.com", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Information", "_self", , , , , ],
["|+DHTML Tree Menu","", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Support", "_self", "2", , , , ],
//style 2
["||2 styles: standard & XP","", , , , , , "3", , , , ],
//style 3
["|||Item 23","", , , , , , "4", , , , ],
//style 4
["|||Item 24","", , , , , , , , , , ],
["||Individual Item & Submenu Styles","", , , , , , "3", , , , ],
//style 3
["||Floatable & Movable Menu","", , , , , , "3", , , , ],
//style 3
....