Javascript External Side Bar Menu by Deluxe-Menu.com
Javascript External Side Bar Menu

Template:

iPhone 18 Template - Dropdown Submenu






    - Several menus on one page
    - Submenus dropdown on mouseover
    - Items with icons
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - Status string shows item labels
    - Text aligned to left
    - Filters and Transitional effects




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

Menu Screenshots

Javascript External Side Bar Menu Crear Menu Html

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
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
Menu And Submenu Creation Code Javascript Javascript External Side Bar Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript external side bar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript external side bar menu menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have tried various different ways, but I cannot get a separator image I have specified in the Separators section of javascript menu builder to display. I have verified that the image exists, but still nothing. The rest of the menu works perfectly. Any help will be appreciated.

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 menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],

Try that. You can also send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

Q: I can't get the hand pointer to work with my dhtml menu scripts in firefox and IE. I know that firefox requires the itemCursor to be set to pointer, but it doesn't work for all links in my menus. I believe that this worked in past version of deluxe-menu, but stopped working somewhere along the way. To recreate this, create a horizontal menu, and set the pressedItem to be one of the menu items and set the itemCursor to be "pointer". Then, you'll see that the pressed item's pointer is the finger icon, but the other menu items are just the arrow. Is there something I'm doing wrong or a setting that will fix this?

A: No, the reason is not in the pressed item.

See when you set:
  var itemCursor="pointer";

your cursor will be a hand for the items with url only. For the itemswithout url it will be default arrow.



Q: Can dhtml menu scripts be integrated into Expression Web?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage/Microsoft Expression Web extension,
BUT you can use it as standard Javascript files.

To install the menuinto your html page:

1. open the page in your program
2. open html source code of the page
3. add several rows of code (<script> tags).

For info see:http://deluxe-menu.com/installation-info.html

That's all.
To create and configure your menus use Deluxe Tuner application(included into the trial package):
http://deluxe-menu.com/deluxe-tuner-info.html


Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


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