Recent Questions Javascript Tree View Fallback
Q: I like your product and we would like to use it for our web-site.
Our site uses Frames with the following names in the FrameSet:
frame name = “top”
frame name = “middle”
frame name = “bottom”
I don’t understand how to set the target of the Deluxe Tuner navigational link to populate the frame “middle” or “bottom”
When I try to input my own name it will not allow me to do so.
We are using the “top” (horizontal) frame as a header which will contain the navigational component we developed using your product.
We are using the “middle” frame to contain most of the html pages the user will load
We are using the “bottom” frame to contain auxiliary text
Can you help me?
A: More info about the installation of the menu in cross-frame mode youcan find here
http://deluxe-menu.com/cross-frame-mode-sample.html
You should replace dm_init() function with dm_initFrame() function.
Please, open your data.js file with the menu parameters in any texteditor and change it.
You should write, for example so:
dm_initFrame("frmSet", 1, 2, 0);
Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the navigation menubar?
A: You should use Individual styles, for example:
var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];
And assign styles to your items:
var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
["|Submenu Item","","","","","_self","2",,,],
...
Q: Can your javascript menu examples be used when developing and deploying and running a site using Tomcat-Apache and JSP's? Apache's will be the web server.
Do you provide set up instructions for Apache web server?
A: JavaScript Tree Menu is Javascript product. It means that it is executed on a client side, not on a server side.So, whatever server you'll use, your menu will work fine.
Q: I have small problems with your javascript menu system.
#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?
#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?
#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?
A: 1) You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
var menuStyles = [
["smColumns=2"], //style0
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", "0", , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
2) You can also use Individual Item Styles.
var itemStyles = [
["itemWidth=120px"],
];
var menuStyles = [
["smWidth=120px"],
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles
3) Try to set this parameter:
var noWrap=0;
