Recent Questions Javascript Tree Styles
Q: I'm a registered user. I'm looking to make a space between dhtml cross browser menu buttons, I checked the FAQ which suggested using ["-"], between items but it didn't work. It deleted the dhtml cross browser menu items below it. I'm looking to put a space between
["||All Images","gallery_all.html", , , , "_self", , , , ],
and
["||Pricing & Ordering Info","gallery_pricing.html", , , , "_self", , , , ],
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical dhtml cross browser menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems (you can do it in Deluxe
Tuner, use "Add separator" button), for example:
["||All Images","gallery_all.html", , , , "_self", , , , ],
["||-"],
["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],
Q: I want to have the dhtml popup display as you mouse over an image - is this possible?
A: Yes you can do it. Use smOrientation parameter in Individual Submenu Styles:
var menuStyles = [
["smOrientation=0"], //id=0
];
Assign it to the first item in third submenu:
["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", "", "", "", "", "", "", "", ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", "", "", "", "", "", "", "", ],
["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "", "", "0", "", "", "", ],
Q: I need the links for the side navigation bar to be vertical
and the pop up to come up on the right, rather than the bottom.
Is thispossible?
A: You should use the following parameters:
var isHorizontal=0;
var subMenuAlign="right";
Q: Do you sell wordpress javascript menus?
A: Actually we're using JavaScript Tree Menu in our WordPress blogs without anyproblems.
You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html
2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">wordpress javascript menu by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript"> var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:
<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.
