Vertical With Submenu Below It by Deluxe-Menu.com
Vertical With Submenu Below It

Template:






    - Several menus on one page
    - Submenus automatically scrolls
    - UL/LI items structure
    - Image arrows
    - Unlimited number of sub levels
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Vertical With Submenu Below It Top Menu Javascript

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical with submenu below it samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Javascript Menu Select Vertical With Submenu Below It
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I highlight the current tab in a hover tab menu?

A: This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
(  var bselectedItem and   var   var bselectedSmItem) or using any server-side script (php, asp, etc.)

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

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.

For example, move "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=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</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>

Try that.


Q: I am testing it on my website.
I have under the submenu 'Generalites" two links "Presentation" and "Formulaires"
I would like when I click on what ever link on the expandable javascript menu that the visited link stay in a different color and with a different background.
For exemple:
If I click on link Presentation then this link will become in a different color and also its background.
Then If I click on Formulaire the prevous link is reset and the Formulaire link appears in a differemt color and its backgroud. How should I do it ?


A: Deluxe Tree doesn't save a pressed
item as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)


Q: We are testing you menu in our application. It is being used in cross frame mode. It works very nicely except a couple issues.

The main one is after loading a new page in the sub menus window when I go back to the main menu to select another option but on the initial mouse over it takes several seconds for the menu to come up. Once the delay of loading the initial submenu is over it loads all others very quickly until a new page is loaded again. Is there a way to optimize the menu to reduce this load time? I have already set dm_writeAll=0 but that only increased the speed of the initial display of the main menu.

And the other question is does the dmObjectsCheck option work in cross frame mode? I have it set =1 and the submenus still underneath objects (such as select list) which have a higher z order.


A: Try to do the following:
move all <script> calls into <head>, but delete dm_initFrame()function from data .js file -- move them instead of files calls, i.e.:

<head>
<script src=data.js>
...

</head>

...

<div><script>dm_initFrame("frmSet", 1, 2, 1); </script></div>

It this case data will be loaded when <head> will load, but after thatmenus must be shown quickly.
Let me know about results.

Deluxe Menu overlap select objects in cross-frame mode.


Q: How i can to order tabs in the onclick tab menu from right to left ??

A: Try to use that parameter:

  var bitemAlign="right";
Buy Now!   ::  Free Trial Download   ::  More Info