Recent Questions Javascript Treeview Folder Example
Q: Is there a way we can add javascript behaviors to the popup menu in java actions? For example, is there a way we can add an onClick function to a popup menu in java item (eg, onClick="return MyFunction( )" ) so that we can catch and process key events?
I'm really hoping there's a way of doing this...
A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item. However, you can achieve this by using standard html objects within popup menu in java items, for example:
var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];
You can use your own Javascript code instead standard links. For example:
var menuItems = [
["text", "javascript:your_code_here"]
];
Q: I’m interested in buying your products.
I have no experience in programming, only know html/php.
How easy would it be to set up these mouseover menus?
I understand your explanation of copying scripts into the relevant html pages.
But what about inserting the menus? Do I have to program them myself?
A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.
1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.
You can use ready to use templates. You can find them in the templateswindow.
When you open Deluxe Tuner ( JavaScript Tree Menu ) you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.
More info about menu parameters you can find on our site
(you can alsouse local version of the site which you can find in the trial package
"JavaScript Tree Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html
You can also use Individual Styles for items and subitems:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html
2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Add several rows into your html page.
<head>
...
<!-- JavaScript Tree Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
//data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>
<body>
...
<table>
<tr><td>
<script type="text/javascript" src="deluxe-menu.files/data.js"></script>
</td></tr>
</table>
...
</body>
You should also copy all engine files:
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
into "deluxe-menu.files/" folder.
You should place this folder in thesame folder with your index. html page.
Try that.Q: How I can make paths for images and links in my DHTML MENU absolute?
A: You can use additional parameters to make menu paths absolute:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
These parameters allow to make images and links paths absolute.
For example:
var pathPrefix_img = "http://domain.com/images/";
var pathPrefix_link = "http://domain.com/pages/";
var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];
So, link path will be look so:
http://domain.com/pages/index.html
Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif
Please, try to use these parameters in your DHTML MENU.
Q: How compatible is this program with Frontpage 2003?
A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the menuinto your html page:
1. open the page in Dreamweaver/Frontpage
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html
That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):
http://deluxe-menu.com/deluxe-tuner-info.html
If you have any questions - write us.
Please, try the trial version of JavaScript Tree Menu.
