Recent Questions Treemenu
Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?
move the mouse over a Menu !!!!!!
A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:
var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];
Where yourFunc() is Javascript function.
Q: Thanks, we tried giving var pressedItem=0; and the script as below:
<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>
We are facing 2 problems
1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)
2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.
A: Try to set
var pressedItem=-2;
dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).
For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind
So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)
menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table
http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table
http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.Q: I like your product a lot. These are the features that, unfortunately, cannot be done and hope that you can address them. I will place the order right away if these are resolved:
1. For each individual item, allow attaching a customized javascript to fire up "onclick" and "nomouseover".
2. Allow using a variable size icon for each item.
A: 1. You're able to use Javascript for each item, for example:
var tmenuitems = [
["item text", "javascript:your_code_here"]
];
Unfortunately, you can't assign onmouseover event to each item.
However, you can achieve this by using standard html objects withinitems, for example:
var tmenuitems = [
["<div onmouseover='your_code_here'>item text</div>", "index.html"]
];
2. DHTML Tree Menu uses constant icon size for all icons.
If you wantto use different icon dimensions, you can use standard <img>elements within items:
var tmenuitems = [
["<img src='icon.gif' width=10 height=10>item text", "index.html"]
];
Q: Hello we have a javascript menu on our site. I want to know howcan we have our vertical drop menu appear for people who do not have javascript enabled on their computer? The problem is whenever someone doesn't have javascript enabled on their computer we get a lot of errors on our stats page for missing menu images. Please let me know how we can eliminate this situation.
A: When your security settings in IE doesn't allow Javascript onpages you load you can't see a dynamic page content. So, you cannotsee your javascript menu at all.
There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.
You can use search engine friendly code, so you'll see all yourlinks (for the main items and submenus) when your security settings in IE doesn't allow Javascript.
You can generate search engine friendly code.
JavaScript Tree Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your vertical drop menu and click Tools/Generate SE-friendly Code (F3).
