Drop Down Menu Image Based Visual by Deluxe-Menu.com
Drop Down Menu Image Based Visual

Template:

Olive Menu Template - DHTML Navigation Menu






    - Status string shows item labels
    - Top items and submenus have a shadow
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left
    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Relative/Absolute menu position
    - Items with icons




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

Menu Screenshots

Drop Down Menu Image Based Visual Vertical Menu Dhtml Script

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
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
Windows Xp Create Multiple Drop Down Examples Drop Down Menu Image Based Visual
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menu image based visual menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I have bought this from you. What is the name of the divlayer(s)? Here's a bit of the modified menu code:

 ["|<iframe height=400 width=435 frameborder=0 scrolling=no src=my_bookmarks.asp></iframe>","","","","0",,,],

I open an Iframe inside the javascript menu design item, and it works fine, but is there a way to close it? I know the commands for hide layers, but I can't find any div layer names to use.

A: I'm not sure I understand you.

Do you want to hide your items?

You can try to use API functions

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

Find more info here:

http://deluxe-menu.com/functions-info.html



Q: What I have to do for the following problem:
When I press a tab, the new site will be load into the browser.
Great! BUT the pressed button is not be marked. Always the Tab 1 is blue. What's wrong??

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 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: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.

Q: Is there a way to have the menu stay expanded in the same exact state when
I click on a menu item of the javascript tree view and go to a new page?

A: There is no need to write additional code on a server side to remember what items were expanded/collapsed.
DHTML Tree Menu can save items state automatically.
Please, see the example of the menu that works with cookies:
http://dhtml-menu.com/tree-examples/tree-menuxp-save-state.html

Set the following parameter:

  var tsaveState = 1;

and the menu remembers its structure for each user who visit your page.
Try to expand/collapse items. Then reload the page and you'll see results.


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