Recent Questions Javascript Treeview Library
Q: It's been couple of months since I last time asked something about tree menu. I am still evaluating the software.
I have a short question. Is it possible to use CSS instead of JavaScript to tune the look and feel of the tree menu? For example I would be interested in giving menu css java item height value in relative numbers (em or %) rather than specifying a size in pixels...
A: But actually you can use 'em' and '%' units in Javascript/DHTML Tree, forexample.
var tmenuWidth="13em";
var tmenuHeight="12em";
var tmenuWidth="35%";
var tmenuHeight="15em";
Q: Thanks for getting back with me but how do you build the menu?
I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?
Can you walk me through the development of a menu?
A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.
Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.
First of all you should choose menu orientation:
var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.
You can set exact width and height of the menu in the "Dimension"category.
You should set
var absolutePos=1;
if you want to have absolute positioning menu.
Font style you can set in the "Font" category.
To set color of the menu you should set the following parameters:
var menuBackColor="#FCEEB0";
var menuBorderColor="#C0AF62";
var itemBackColor=["#FCEEB0","#65BDDC"];
var itemBorderColor=["#FCEEB0","#4C99AB"];
Try also to change these parameters:
var itemSpacing=3;
var itemPadding="3px";
Arrows for main items and subitems you can set here:
var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];
If want to have floatable or movable menu you should set the followingparameters:
var floatable=0;
var movable=0;
You can also try to change any template.
Q: Is it possible to change from a default target setting for all links to _self target for onsite links and _blank target for offsite links?
A: You can set target parameter for each item.
See menuItems parameter:
var menuItems =
[
["Home","testlink.html","icon.gif","iconover.gif","Home Tip",target,"1"],
["|Our Products","testlink.html","icon1.gif","icon2.gif","Our Products Tip","_blank",,"0"],
];
Q: I don't understand why this isn't working right. I haven't messed with the files in a long time now but someone wrote me an email saying I’ve had incorrect copyright on the javascript dropdown menu for a long time.
A: "Incorrect Copyright" means that the script can't find required copyright parameters.
To avoid this, please, change:
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
to:
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2" src="dmenu.js"></script>
<!-- (c) 2006, Deluxe-Menu.com, http://deluxe-menu.com -->