Recent Questions Css Tree View
Q: I’m trying to set up Ajax dhtml menu tree script but it doesn’t work..
A: To enable AJAX Tree Menu use the following menu parameters:
var tajax=1;
Then set your menu in such way:
var tmenuItems = [
["Javascript/DHTML Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "", "data-samples/data-ajax5.js", ],
["+Samples Gallery","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
["|Samples Block 1","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 2","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
["|Samples Block 3","", "", "", "", "", "", "", "", "data-samples/data-ajax.js", ],
];
Each .js file must contain menuItems variable for the submenu in the following format:
var tmenuItems = [
[text, link, icon1, icon2, icon2, tip, target, itemStyle, submenuStyle, jsFileName],];
Where jsFileName - .js filename on the server that contains tmenuItems variable for the submenu.For example:
var tmenuItems = [
["Home","testlink.htm", "", "", "", "Home Page Tip", "", "", "", "", ],
["Product Info","", "", "", "", "Product Info Tip", "", "", "", "data-samples/data-ajax2.js", ],
["Samples","", "", "", "", "Samples Tip", "", "", "", "data-samples/data-ajax4.js", ],
["Purchase","testlink.htm", "", "", "", "Purchase Tip", "", "", "", "", ],
["Support","", "", "", "", "Support Tip", "", "", "", "", ],
["|Write Us","mailto:[email protected]", "", "", "", "", "", "", "", "", ],
];
See more info here:
http://deluxe-tree.com/ajax-menu-loading-sample.htmlQ: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)
A: There are 2 ways to do that:
1. set
var noWrap=0;
2. use <br> tags, for example:
var menuItems = [
["line 1<br>line 2"],
];
Q: My name is Wayne Dekmar, I am a registered user. I have a question when using your javascript browser menu with Frames. In the Item Parameter box, Link, I would select the page that I want open. Target, would I select custom then add below : Target='main'. Is this correct? Can you give me an example of how to do this.
A: You can set target parameter for all items:
var itemTarget="main";
Where main - is the name of the frame where you want to open the link.
or for each item individually:
["Home","testlink.html", "", "", "", "main", "", "", "", "", "", ],
Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.
I still get 'Error on page' when I hover over the first java scrolling menu item.
Please help! I need to buid this site out by Monday.
A: Now you have several errors in your data file:
var menuBackColor="f9f9ec";
You should write:
var menuBackColor="#f9f9ec";
The following parameters cannot be empty:
var menuBorderWidth="0";
var itemBorderWidth="0";
It is not correct to write the java scrolling menu parameter in the following way:
var itemBorderStyle=["1px","1px"];
You should write:
var itemBorderStyle=["none","none"];
If you want to add borders in the subitems you should write:
var itemBorderWidth="1";
var itemBorderColor=["#c59d1f","#c59d1f"];
var itemBorderStyle=["solid","solid"];
And to remove border from the top items you should create Individualstyle and assign it to the top items:
var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];
["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...