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

Template:

iPhone 5 Template - Cascading CSS Menu






    - Relative/Absolute menu position
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows
    - Sound support!
    - UL/LI items structure
    - Inactive/Disabled items
    - Submenus go over all page objects
    - 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 Horizontal Slide Bar

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

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
Html Pull Down Menu Code Example Kwicks With Submenu
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
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
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: After I successfully click and load the data in to my window using the tab menu, the tab defaults back to the original default tab. Because I have to reload my page after the tab has been selected the tab chosen is lost. What do you recommend for "remembering" the tab so that when the page reloads the correct tab is highlighted.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem=</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>




Q: I’m very interested in your script of deluxe-menu.
I tryed your script out and have some questions now:

How do I highlight main menu items when I selected a main category?
How do I highlight submenu items when I selected a sub category?
How can I have a submenu unfoldet when I selected the matching main category?

I would be pleased to have answers to my questions as soon as possible.
Thank you for support!


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.


Q: I created a new directory at the root called newmenu and placed all of the menu files there. I pointed this page to that new directoryIt works!
However, when I point my home page to the newmenu directory, the menu disappears again.


A: Try to move also the reference to dmenu.js after <Body> tag:

<body onload="...">
...

<!-- Deluxe Menu -->
<noscript><a href=http://deluxe-menu.com/>(c)2005 Deluxe-Menu.com</a> </noscript>
<!-- Copyright (c) 2005, Deluxe Menu, deluxe-menu.com -->
<script type="text/javascript" language="JavaScript1.2">  var dmWorkPath="newmenu/"</script>
<script type="text/javascript" language="JavaScript1.2" src="newmenu/dmenu.js"></script>


Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?


A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

   ["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

   ["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],


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