Kwicks With Submenu by Deluxe-Menu.com
Kwicks With Submenu

Template:

iPhone 18 Template - Dropdown Submenu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Image arrows
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Submenus go over all page objects
    - Text aligned to left
    - 85% transparency for sub menus
    - Status string shows item labels




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

Menu Screenshots

Kwicks With Submenu Javascript Menu Vertical Expand

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your kwicks with submenu menus easily and in no time
  • Sensible menu parameters for manual editing
Html Table Menu Editor Kwicks With Submenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed kwicks with submenu 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
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: When doing a mouseover over the menu options, the java menu web submenus are supposed to all drop down. However, some of the submenus go up instead of down. How do I fix that?

A: You should set the following java menu web parameter:

  var subMenuVAlign="top";



Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?


A: See, 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:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

For example, you should add style="position:absolute;"

to the

<DIV id=head>

So, you'll have:

<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.


Q: Is there a way to make the vertical drop down menu dhtml not reset after a link is clicked. Now every time I click a link in the tree menu it takes me to the linked page but all the menus re-expand.

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

1. Save the state to cookies

  var tsaveState=0;

2. Use frames

3. Put the special script on each page of site that will open appropriate section.
(dtreet_ext_expandItem)

See more info here:

http://www.deluxe-tree.com/functions-info.html



Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?


A: You should set this parameter:
  var itemCursor="pointer";

In this case you'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


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