Recent Questions
Q: I would like all my submenus of the html menu to appear in the same location on the page and not relative to the parent menu item.
A: You can do it using the following parameters:
var subMenuAlign = "left"; - Horizontal alignment for submenus.
"pleft", "pcenter", "pright" - alignment relative to the parent submenu.
var subMenuVAlign = "top"; - Submenus vertical alignment.
"ptop", "pcenter", "pbottom" - alignment relative to the parent submenu.
Q: I have been evaluating your dhtml-tree product, for a potential use.
It does just about every thing I want apart from 1 thing:
I want each css dropdown menu item to (optionally) support the following syntax:
<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>
I have worked out how to change the "menu_link.html", and also that it could be something like "javascript:fnClickedLinked()".
However I want the above syntax, where search engines can pick up the link and if my function returns false, the link is not followed when clicked.
Is this possible?
Or can I cancel the link navigation using the tree API node click event??
A: Actually you can add the html code inside item's text:
["|<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>","", "", "", "", "Tip", "", "", "", "", ],
You can also try to use API function:
function dtreet_ext_userClick (itemID)
http://deluxe-tree.com/functions-info.htmlQ: I just noticed another problem: when I set dmObjectsCheck=1 and I click on a menu-item of the dropdown menu nothing happens! No matter whether the banner is flash or not. And no matter if the browser is IE or Firefox. As soon as I set dmObjectsCheck=0 the submenu works again.
A: You should set the following parameter
var dmObjectsCheck=1;
You should also add dmenu_add.js file into the folder with yourdmenu.js file.
Please, check it.
Q: How do I add content to each tab in the hover tab menu so that the content will appear on this same page
(as opposed to having to move to another page)?
A: You should paste your content in the <div> .. tags.
<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>
<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>
See in Deluxe Tabs there are two modes:
1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.
["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],
2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],
You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')
So, you should write for example:
["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],