Www Wysiwygwebbuilder Com Forum Collapsible Menu by Deluxe-Menu.com
Www Wysiwygwebbuilder Com Forum Collapsible Menu

Menu Screenshots

Www Wysiwygwebbuilder Com Forum Collapsible Menu Style Menu Javascript

Features

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
Best Javascript Examples Www Wysiwygwebbuilder Com Forum Collapsible 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

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

2.You can send us a copy of your html page (including .js files andimages), so we can check it.



Q: I make an example of html menu, but when i use it with frameset then the menu not show completly.

Is this possible, perhaps by using a javascript call?


A: To initialize the cross frame menu you should call dm_initFrame() function
instead of standard dm_init() function within data.js file:

dm_initFrame(framesetID, mainFrameInd, subFrameInd, orientation);

framesetID - id attribute of the frameset;
mainFrameInd - index of the main frame (where the top-menu is placed), >=0;
subFrameInd - index of the subframe (where the submenus will be shown), >=0;
orientation - frame orientaion: 0 - top-to-bottom, 1 - left-to-right; 2 - bottom-to-top; 3 - right-to-left.

You will find additioanal info about cross frame menu here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: I did have a question. I cannot seem to figure out how to get the individual menu styles to be applied to any of my items for thenavigation bar through the Deluxe Tuner. I’ve looked through through your documentation, but I cannot find anything that explains to me how I do this in the Deluxe Tuner.

A: To create Individual styles click "Edit Individual Styles..." button.

1) In the "Individual Styles" window click "Add Style", enter the nameof the new style.
2) Edit parameters of your style
4) Click "OK" button.
5) Select items (you can use Ctrl and Shift buttons to select group ofitems) and assign "Item Style"/"Submenu Style" to it. (in the "Item Parameters" window)




Q: When I open my site in Internet Explorer 6.0 The main menu showsup nicely but the drop-down sub-menus are separated. The menu work very nicely in a Firefox browser but not in IE.


A: There are some problems also with your css.
The problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="position:relative;"

to the

<DIV id="right">

So, you'll have:

<DIV id=right style="POSITION: relative;">

Check that.