Superfish Vertical Menu Using Javascript by Deluxe-Menu.com
Superfish Vertical Menu Using Javascript

Template:

Dark Menu Template - Clickable Menu





    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Transition #14 - "fade out" effect
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - 85% transparency for sub menus
    - Cross-frame support - menus work on frameset-based pages
    - Inactive/Disabled items




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

Menu Screenshots

Superfish Vertical Menu Using Javascript Script Javascript Menu

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!
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
Down Menu In Javascript Superfish Vertical Menu Using Javascript
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
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 superfish vertical menu using javascript menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: When my page loads up, there is a flash for about a second of all the text that is used in the java menus. This looks really bad to visitors like I am using hidden text on the page. Is there a way to prevent this flash of text?

A: I suppose that you see search engine friendly code.

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:undefined;color:#000000;text-decoration:none">
<a id="dmI0" href="testlink.html">Home</a>
<a id="dmI2" href="testlink.html">Features</a>
...
</div>
<!-- End of Code for Deluxe Menu Items -->

You won't see this text in most cases. We use it on our websites too.

But you can delete this code if you want.



Q: Once I have an answer form your reseller as to why the VAT doesn't correspond with my country's rate, I think that there is a very strong possibility that I will be investing in this impressive menu-builder. I do have a couple of questions which don't seem to be answered anywhere:

1: is it possible to configure the menu so that the person browsing the site previously-visited javascript menu links can be identified by say using a different font colour for visited 'pages'?

2: the section of the web page in which the menu is located is called by a SSI for each new page that the browser visits - will the menu rest each time the Included file is called, or will it persist from page to page?

A: > 1: is it possible to configure the menu so that the person browsing> the site previously-visited javascript menu links can be identified by say using a > different font colour for visited 'pages'?
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also 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.

See the attached example. Open deluxe-menu1.html. The first item ishighlighted. Then click to open deluxe-menu2.html file. The second item ishighlighted.

> 2: the section of the web page in which the menu is located is called> by a SSI for each new page that the browser visits - will the menu > rest each time the Included file is called, or will it persist from > page to page?

Deluxe Menu is the Javascript product. It means that it works on aclient side only and it doesn't depend on the server which you'reusing and it doesn't work on a server side as SSI script.
So when your browser reloads a page with the menu your menu reloads too.



Q: We recently bought your product.

We are developing in ASP.NET (VB) and we have a problem making you deluxe menu dynamic to suit our needs. We are using the Deluxe Menu.

The problem is each time a page with dhtml nav loads, we want to be able to generate the menuItems variable to reflect the options the individual user has, so it can't be hard coded into data.js it MUST be provided by an aspx file and attached somehow. I can't work out how to attach the variable (even a static one) as a separate file, so if you can do it with a static one, we can extend it to a dynamic one later.

For example the JS in the data.js file we want the MenuItem dimension you be loaded in a seperate file, some kind of include.

  var menuItems = [
["Home","index.aspx", "", "", "", "_self", "", "", "", "", "", ],
["About","about.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Contact","contact.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Help","", "", "", "", "", "", "", "", "", "", ],
 ["|HowTo Register","RegHelp.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|FAQ","FAQ.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Dos 'n' Don'ts","DoDont.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Workshop","workshop.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Gold Run","", "", "", "", "_self", "", "", "", "", "", ],
 ["|About Goldrun","goldrunAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Veiw Sites","GoldDistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
["My Run","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmyrun.aspx", "", "", "", "_self", "", "", "", "", "", ],
["TICs","", "", "", "", "", "", "", "", "", "", ],
 ["|About","abouttics.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Metro","", "", "", "", "", "", "", "", "", "", ],
 ["|About","aboutmetro.aspx", "", "", "", "_self", "", "", "", "", "", ],
["Distribution","", "", "", "", "", "", "", "", "", "", ],
 ["|About","DistribAbout.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Status","DistribStatus.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|News","DistribNews.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Display Units","DistribDisplay.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|Team","", "", "", "", "_self", "", "", "", "", "", ],
 ["|View Sites","DistribSites.aspx", "", "", "", "_self", "", "", "", "", "", ],
 ["|TIC Budget","", "", "", "", "_self", "", "", "", "", "", ],
];

Hope this makes sense.

A: You can move
  var menuItems = [
...
];
dm_init();

dhtml nav code from your data file to your page (template) directly:

<script>
  var menuItems = [
...
];
dm_init();

</script>

Q: Using the new version with unmodified menus results in a new frame menu indentation (the left border of the first javascript folding menu entries submenu in a frame menu setup is not aligned with its main menu entry (both in IE 6 and FF 1.5 / Linux)) - possibly we might need to arrange something?

A: I suppose that this is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;

Try that.



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