Recent Questions
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: Does you tree menu javascript support right-to-left layout?
That is to say it opens the branches/submenus from the right to left.
A: Yes it is possible to create a menu for right-to-left languages with Deluxe Tree in the same way as in standard htmlcode.
Please, set <HTML dir="rtl">. You should set the following parameters:
var titemAlign="right";
var ticonAlign="right";
var texpandBtnAlign="right";
Deluxe Menu support right-to-left languages.
In Deluxe Menu you can set the following parameter:
var dmRTL = 1;
Set this parameter to 1 if you're using right-to-left direction of html page <HTML dir=rtl>.
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
....
Q: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.
A: You can write your links in the following way:
["Channels","", , , , , , , , ],
["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
["|Agriculture","", , , , , , , , ],
["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
["||Movie Trailers","", , , , , , , , ],
["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],
And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}