Recent Questions
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: Is there a javascript API for the expandable menu tree to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.
Please advise.
A: You can use dtreet_ext_userClick (itemID) function.
See more info:
http://deluxe-tree.com/functions-info.html
Actually you can use your own Javascript code instead standard links and html code inside item text. For example:
var tmenuItems = [
["text", "javascript:your_code_here"]
];
or
var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];
Q: I am trying to make the tab menu to work correctly and after extensive testing and I have come across a problem that I can seem to get resolved. I am using images for the tab menu with no text and <divs> to display information about each tab. However while the page loads I can see all the content from all the <div> java menu bars and when the page if fully loaded, the web page then displays the content correctly with all the content hidden until the correct tab is selected. Mind you this is the only thing on the webpage so there shouldn’t be any load time problems.
Please advice what is happen to resolve this issue.
A: Try to set display: none; property for the style of your DIV, forexample:
<div id="content1" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>
<div id="content2" style="display: none;" class="tabPage">
<br><br><br>
<p align=center><img src="../image/img/logo_DT.gif" width=262 height=56 alt="java menu bars"></p>
</div>
Q: Can the main menu items be set so they are all the same width without specifying pixel widths?
A: You should create Individual Style and assign this style for allitems.
var itemStyles = [
["itemWidth=150"], //style 0
];
var menuItems = [
["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , ,"0", , , , , ], // assign style 0
["Apycom products","", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
["Contacts","http://www.apycom.com/contact.html", "images/icon1.gif", "images/icon1o.gif", , , "0", , , , , ], // assign style 0
];