Recent Questions Jstree Effect
Q: When I select something from one of the mouseover menus it takes me to a link on a website,
is it possible to run a javascript instead?
A: Actually you can use your own Javascript code instead standard links and html code inside item text.
For example:
var bmenuItems = [
["text", "javascript:your_code_here"]
];
or
var bmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];
Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.
A: See, I've created Individual style
var bstyles = [
["bitemWidth=250px"], // style 0
];
And used this style for some items
["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0
You can use this style for all items in the same way.
You should set the width of your Tabs
var bmenuWidth="770px";
and width for each Tab
var bstyles = [
["bitemWidth=110px"], // style 0
];
And assign this style for all items.
Q: I recently downloaded JavaScript Tree Menu to try before I buy. While it was easy to create a menu, when I followed the directions for pasting in the two lines of code where I wanted the menu to appear, it didn't work. Rather, it always positioned the menu at the very top of the page.
Is this intentionally the case because this is a trial version?
I very much like the program; however, I have to know it's going to work correctly before I buy.
A: Info about installation of the menu on your html page you can findhere:
http://deluxe-menu.com/installation-info.html
> Rather, it always positioned the menu at the very
> top of the page.
Please, check that you have
var absolutePos=0;
You can also send us a copy of your html page (including .js files) and we will check it.
Q: The AJAX sample for tree menu script on website does not have any styling applied at the moment.
I am assuming that it would support full styling with AJAX as well.
Is this correct?
A: You can use any style and templates for the AJAX sample.
Create a menu and set style you need using Individual Item Styles.
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]", "", "", "", "", "", "", "", "", ],
];