Recent Questions
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 = [
["Deluxe 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]", "", "", "", "", "", "", "", "", ],
];
Q: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.
A: Unfortunately there is no way to change cursor for items with links and without links.
You can try to use <a> tag inside the text field:
["<a href="http://domain.com/index.html">test</a>","",""]
Set default cursor:
var titemCursor="default";
Q: Even with the shadow setting removed -- there's a white space that surrounds the menu. I just can't figure out where the 1px white padding is coming from. I've checked and doubled checked my CSS -- so the problem is within the script with a setting I'm not familiar with.
A: Set
var menuBorderWidth=0;
to remove white border from your submenus.
Add the following parameter to your Table:
<TABLE class=toptable cellPadding=0 cellSpacing=0 width=1000 align=center border=0>
Q: I got it to work ... but I can't make the javascript menu bars locate where I want it on the page.
A: Check that you use relative position for the menu
var absolutePos=0;
var posX="0px";
var posY="0px";
You can install the menu in DIV or Table, for example:
<div align=center>
<script type="text/javascript" src="deluxe-menu/data.js"></script>
</div>
You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.