Recent Questions Html Tree Menu Sample Code
Q: I created a new directory at the root called newmenu and placed all of the menu files there. I pointed this page to that new directoryIt works!
However, when I point my home page to the newmenu directory, the menu disappears again.
A: Try to move also the reference to dmenu.js after <Body> tag:
<body onload="...">
...
<!-- JavaScript Tree Menu -->
<noscript><a href=http://deluxe-menu.com/>(c)2005 Deluxe-Menu.com</a> </noscript>
<!-- Copyright (c) 2005, JavaScript Tree Menu, deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2"> var dmWorkPath="newmenu/"</script>
<script type="text/javascript" language="JavaScript1.2" src="newmenu/dmenu.js"></script>
Q: How do you go about labeling the various segments of your page to utilize the tab navbar?
A: See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID.
<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
You can paste any code within DIV's (PHP, Javascript ...)
Q: I am interesting to use it for integration in some CMS I am currently using, as for instance : Xoops
1. Do you think that it is possible easily to integrate your menus with the xoops database content for the texts and links ?
2. Where links are they specified in the Deluxe Tuner interface
Thanks for your help
A: 1) JavaScript Tree Menu wasn't developed as Xoops extension,BUT you can use it as standard Javascript files.
To create and configure your menus use Deluxe Tuner application
(included into the trial package): http://deluxe-menu.com/deluxe-tuner-info.html
Please, try the trial version.
2) You can assign link for each item. You can do it in "ItemParameter" window "Link" field.
Q: In IE7 I see the deluxe-menu.com link on the top and no horizontal menu items on my page.
In Firefox it will work fine.
Can you help me to get the Solution?
A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:
Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable
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 horizontal menu and click Tools/Generate SE-friendly Code (F3).