Recent Questions Java Javascript Tree
Q: I have not been able to get the dhtml context menu - or any other Javascript - to appear. I use FrontPage2000. Any ideas?
A: See how you should install JavaScript Tree Menu on your pages.
JavaScript Tree Menus weren't developed as Dreamweaver/Frontpage extension,BUT you can use it as standard Javascript files. To install the dhtml context menuinto your html page:
1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags), For info see:
http://deluxe-tree.com/installation-info.html
That's all.
It is possible that Dreamweaver changes some paths, so you havean error in the preview.
On your site or in your browser there'll be no errors.
Create your menu in Deluxe Tuner application.
You can create any dhtml context menu as you like in Deluxe Tuner.
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">dhtml context 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
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.
Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.
A: You should check the following parameters:
var shadowLen=3;
var shadowColor="#B1B1B1";
var shadowTop=1;
Q: I have recenlty purchased Deluxe-Menu. I create the items through php. All works fine but the vista style javascript menu button do not display.
A: You should assign individual style for your top javascript menu buttons:
["ELECTRICAL","http://www.domain.com/points/section.php?xSec=76&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],
["GREEN PRODUCTS","http://www.domain.com/points/section.php?xSec=62&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],
["DIY","http://www.domain.com/points/section.php?xSec=23&jssCart=b0d3c67fa5c15ec029c138688b68a91b", "","","","","0","","","","",],
Q: I can't figure out how to get menu items to swap images to use like a traditional image rollover. In the Dhtml menu, I can change the style background without needing images, or I can use generic images as a background, but I have situations where I need to use unique images for each state of a button.
These unique image buttons contain text and graphics, and there are different images for different states: normal, mouse over, mouse down.
A: The menu has only two states normal and mouseover.
You should use Individual Item Styles.
Please, see the example of JavaScript Tree Menu here:
http://deluxe-menu.com/data-templates/vista-style-02-template-sample.html
You should use "itemBackImage" parameter.
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_greenblack.gif,btn_green.gif"],
];
