Javascript Sidebar Menu by Deluxe-Menu.com
Javascript Sidebar Menu

Template:

iPhone 12 Template - CSS Menu Bar






    - Filters and Transitional effects
    - Cross-frame support - menus work on frameset-based pages
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Horizontal or vertical orientation
    - Hundreds of pre-designed templates
    - Several menus on one page




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Javascript Sidebar Menu Drop Down Menu Using Javascript

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
  • Section 508 compliant
Cost Effective
Dhtml Dropdown Menu Example Javascript Sidebar Menu
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sidebar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Do your popup menus work with Dreamweaver?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it.
To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open your .html page in Dreamweaver
3. Copy data.js file and "data.files/" folder in the same folderwith your html page.
4. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com&</a></noscript>
<script type="text/javascript">  var dmWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data.js"></script>
...
</body>

That's all.

It is possible that Dreamweaver changes some paths,
so you'll havean error in the preview.
On your site or in your browser there'll be no errors.




Q: There is a default gap between two collapsible javascript menu buttons. Suppose the two menu are "Company profile" and "Service", there is a default gap between those tow , it is not taking the specified space( for example I am putting 2px gap but it is taking a default gap) Please suggest me the solution for the same.

A: You should use new parameter in the data file:

  var tXPMenuSpace=0;



Q: I was wondering how do i add more then five items on the top of the select menu javascript rathere then using a sub menu?

A: Actually you can add as many top items as you want.

Use Deluxe Tuner to add more items or add them in your data filemanually, for example:

  var menuItems = [
["Item 1","whatsnew.htm", "Buttons/whatsnewup.jpg", "Buttons/whatsnewover.jpg", "", "", "", "", "", "", "", ],
["Item 2","test.htm", "", "", "", "", "", "", "", "", "", ],
["Item 3","index.htm", "Buttons/homeup.jpg", "Buttons/homeover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 4","about.htm", "Buttons/aboutup.jpg", "Buttons/aboutover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 5","commserv.htm", "buttons/commservup.jpg", "buttons/commservover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 6","conference.htm", "buttons/conferenceup.jpg", "buttons/conferenceover.jpg", "", "_parent", "", "", "", "", "", ],
["Item 7","lodges.htm", "buttons/districtsup.jpg", "", "", "_parent", "", "", "", "", "", ],



Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Buy Now!   ::  Free Trial Download   ::  More Info