Recent Questions
Q: So, I'm actually developing an application with wordpress, and I would like to intagrate this excellent javascript navigation menu.
This site is Educational, and provides media about TI, for students of the Autonom University of Tamaulipas, in Mexico.
A: Actually we're using Deluxe 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">javascript navigation 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.
That's all.
Q: Very interested by your product, I want to know, before buy, if I can call javascript function when the user click on a menu Items;
you have this example, but I want the possibility to call a javascript function in the client side :
var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];
Is it possible, if yes could you give the sample, because Milovic menu have a javascript:function call, what about your product ?
Thank you for the answer.
A: You're able to use Javascript for each item, for example:
var menuitems = [
["item text", "javascript:your_code_here"]
];
Unfortunately, you can't assign onmouseover/onClick event to each item.
However, you can achieve this by using standard html objects within items, for example:
var menuitems = [
["<div onClick='your_code_here'>item text</div>", "index.html"]
];
Unfortunately we don't have such example.
Q: Could you please explain how to increase the height of our javascript menu submenu links to 18 or 20 px each?
A: You can create Individual submenu style and assign it to the firstitem in each submenu.
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=1","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
["itemPadding=5px 2px 5px 2px"],
];
var menuItems = [
["Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "0", "", "", "", "", ],
["|Advanced Taser Guns","http://www.defenseproducts101.com/tasers.html", "", "", "", "", "", "1", "", "", "", ], //assign style
Q: I would like to setup a menu that is Horizontal at level 1,Horizontal at level 2, then vertical from then on. Can your system handle this? Even if I need to manuallytweak something that would be fine.
A: Unfortunately, the menu can't do that. You can only set theorientation for the top-menu and its submenus.