Javascript Expand Div Horizontally by Deluxe-Menu.com
Javascript Expand Div Horizontally

Menu Screenshots

Javascript Expand Div Horizontally Menu Javascript Cascade

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript expand div horizontally menus easily and in no time
  • Sensible menu parameters for manual editing
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Createpopup Jscript Javascript Expand Div Horizontally
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript expand div horizontally samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I have noticed in some other jdhtml menu system that when the user right clicks a link, they get the internet explorer link options such as Copy Shortcut, Open, and Open in New Tab/Window. This does not seem to work with dmenu.

Is this possible using dmenu?

A: You can try to write the following code for your items:

["<a href='index.html' target='_blank' class='home'>Home</a>","", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}



Q: You've been helping me with some issues on the Deluxe Tree Menu system my company has purchased and most issues are resolved, so thank you! One big problem remains though and we can't seem to figure it out, so I hope you can help.

What we want is, when a user enters our site from the index (home) page then clicks on a link and the sub-page opens, for the dhtml menu tree to be open to the section the user is in and viewing. We also DO NOT want the browser to save the state of the menu, since that is inconsistent with where the user is in the site. Note: we do not use the Menu on the home page, is this a problem?

Per your tech support email, I've added the expand code, which works going from the home page to sub-pages. However, it interferes with navigating to other sub-pages once your in the site. The menu doesn't keep the section open, it closes back up. You mentioned the expand code has to be entered on every page....is that so in this instance and if so, that's a maintenance nightmare - does a better way exist for this type of menu?

Then we activated the "save state" option and the menu stays open on the sub-pages, but the expand option doesn't work.
It's like they cancel each other out and you can only have one or the other.

Can I get these two to work together? What do I need to do? Is it better to use the XP-style menu?

A: When user clicks the link, the browser loads a new page and the script re-create the dhtml menu tree.
If you want to open the needed section automatically on load you can use the following:

1. Save the state to cookies
2. Use frames
3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)



Q: I fixed that problem, but if you look at the website, I have the first 2 links in the javascript sliding menu set to show up in the mainframe but nothing happens. When I open deluxe menu on my computer, it also shows that I have the third link set up to show in the mainframe too but when I upload it to the website, it acts like it's not pointing to any file/url

A: Now you have:

["Home","main.html", "", "", "", "#mainframe", "", "", "", "", "", ],
["County Departments","dept.html", "", "", "", "#mainframe", "", "", "", "", "", ],
["Board Members","", "", "", "", "mainfrm", "", "", "", "", "", ],

It is not correct to set target as "#mainframe". You should write"mainframe":

["Home","main.html", "", "", "", "mainframe", "", "", "", "", "", ],
["County Departments","dept.html", "", "", "", "mainframe", "", "", "", "", "", ],
["Board Members","", "", "", "", "mainframe", "", "", "", "", "", ],



Q: Thanks for your information, and the program is very useful and user friendly compare with others.

But I have a question, pls see the following example.

inside the menu.js (the file which we will run as navigation bar)

  var menuItems = [

["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif", "menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif", "menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],

when setup running the php file directly is no problem

however, as we have some links will have different values as the end (have problem running at the menu)
such as blog.php?ownid=4497
there is having a dynamic value at the end

at our php files we use
<a href="blog.php?blogger=&lt;?=$auctionDetails['ownerid'];?&gt;">

Any suggestion for this case? or you can give us some example?

A: The following link should work fine in Deluxe Menu:

["Item 1","blog.php?blogger=<?=$auctionDetails['ownerid'];?>", "", "", "", "", "", "", "", "", "", ],

You can also try to move menuItems and dm_init(); function to your page inside <script>tag:

<script>
  var menuItems = [
["Member's Home","membersarea.php", "menu.files/icon_xp2_7.gif","menu.files/icon_xp2_7o.gif", "", "_self", "", "", "", "", "", ],
["Submit Items","sellitem.php", "menu.files/selling0.gif","menu.files/selling1.gif", "", "", "", "", "", "", "", ],
["Wall / Friend List","membersarea.php", "menu.files/inbox0.gif", "menu.files/inbox1.gif", "", "", "", "", "", "", "", ],
];

dm_init();
</script>