Features Christmas Tree Style Menu Using Javascript

Compatibility

Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux Menu can be populated from a database using ASP, PHP, etc. Search engine friendly Support for any doctypes Fits for secure sites

Easy Setup

De Luxe Tuner. GUI interface to create your christmas tree style menu using javascript menus easily and in no time Sensible menu parameters for manual editing

Tree Menu Disable Christmas Tree Style Menu Using Javascript

Professional Look-n-feel

Entirely customizable look-n-feel A lot of pre-designed christmas tree style menu using javascript samples Hundreds of visual effects Custom CSS styles can be applied for all menu settings

Seamless Integration

Visible over flash, select boxes, iframes, java applets Multiple menus on the same page Amicable to other scripts and css styles Any HTML code can be used inside menu items

High Performance

AJAX menu loading - loads web menu data from the server "on-the-fly". Commonly loads quicker than other html page elements Runs well with an unlimited number of submenus and items

  

Recent Questions Christmas Tree Style Menu Using Javascript

Q: At present the javascript drop down menus expand intelligently into the area with more real estate (i.e. up or down). How can I force the menus to only expand down?


A: Set the following parameter:
  var subMenuVAlign="bottom";

Q: I am having trouble changing a template of dhtml drop down menu code. I am using the
http://deluxe-menu.com/data-templates/image-based-1-template-sample.html,
and I want to add more items to the top menu, however when I add an item, it doesn't follow the format of the existing items.


A: See, we use Individual Item Styles for the top items in this template.
For, example select the "CONTACTS" item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:

Item Style - Style1
Icons / Normal - images/spacer.gif

When you add the new item you should assign Individual Styles for itand add icon in the same way.

That is all.

Q: I have set up a menu that uses one 'data.js' file.
However, on ONE page, the menu needs to have three additional items, with a different style.
Is there a way to add the three items with a different style via javascript on that one page?
I think I know how to handle the styles, but I'm unsure how to add the three new items without using two differerent 'data.js' files- which is how I have it set up for the time being. You may want to visit the site to see what I mean.


A: You can use dm_ext_addItem() function to add items.

Please, see how you should write this function:
function dm_ext_addItem (menuInd, submenuInd, iParams)

< SCRIPT src="Welcome to Catawba Animal Clinic, P_A_files/data.js" type=text/javascript> </SCRIPT>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Request Form","request.htm", , , , "_self", "0", "-1", , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Boarding Policies","", , , , , "0", , , ]);</script>
<script type="text/javascript"> dm_ext_addItem(0, 0, ["Express Checkout Info","", , , , , "0", , , ]);</script>

You should upload dmenu_dyn.js file on your server.

In your data.js file you should add need Individual Item Styles.

Q: How to set the icon vertically top when the menu in dhtml text is wrapped?

A: Unfortunately it is not possible to align icon vertically now.
But you can do it using html code within menu in dhtml items, for example:

  var menuItems = [


["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'> &nbsp;Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["<img src='deluxe-menu.files/orangeDot.jpg' style='border: 0 none;'>&nbsp;&nbsp;Product Info hgdgfjh &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaa aaaaaaa &nbsp;&nbsp;&nbsp;&nbsp;aaaaaaaaaaaaaaaaaaaaaaaaa &nbsp; &nbsp; aaaa","", "", "", "", "", "", "", "", "", "", ],