Swmenufree Vertical Menu by Deluxe-Menu.com
Swmenufree Vertical Menu

Menu Screenshots

Swmenufree Vertical Menu Html Menu Examples

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
Vertical Css Menu Navigation Examples Swmenufree Vertical Menu
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 swmenufree vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed swmenufree vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: I have been evaluating your dhtml-tree product, for a potential use.

It does just about every thing I want apart from 1 thing:

I want each css dropdown menu item to (optionally) support the following syntax:

<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>

I have worked out how to change the "menu_link.html", and also that it could be something like "javascript:fnClickedLinked()".

However I want the above syntax, where search engines can pick up the link and if my function returns false, the link is not followed when clicked.

Is this possible?

Or can I cancel the link navigation using the tree API node click event??

A: Actually you can add the html code inside item's text:

 ["|<a href="menu_link.html" onClick="return fnClickedLinked()">Menu Link</a>","", "", "", "", "Tip", "", "", "", "", ],

You can also try to use API function:

function dtreet_ext_userClick (itemID)
http://deluxe-tree.com/functions-info.html


Q: I am testing out your menu system as I try to redesign my site. It is a vertical menu with submenus.

I have hundreds of pages in my site and I'd like to be able to attach your menu system to all of them.
However, I will be making changes to the menu system on a regular basis.
I do not want to go change every program in the site each time I need to make a menu change.

I was hoping you could give me some kind of programming code that I could enter into the <body> section of my html files which would automatically read a file into my prograrm, which contained the menu code.
This way when a menu change is needed, I edit one file, all the programs read that file and display the menu.

As an example of the code I would want read into a webpage at start up:

<script type="text/javascript">  var dmWorkPath="files/";</script>
<script type="text/javascript" src="files/dmenu.js"></script>
<div id="dmlinks" style="font:bold 9px Verdana;color:#FFFFFF;text-decoration:none">
<a id="dmI0" HREF="500main.htm">Home</a>
<a id="dmI2" HREF="tixbbs.htm" TARGET="text">For Sale</a>
<a id="dmI4" href="testlink.html">Place Ad</a>
<a id="dmI5" href="testlink.html">Sources</a>

</div>
<script type="text/javascript" src="data-deluxe-menu.js"></script>


A: If you change the menu parameters only there is no need to change code on each page. You should only replace your old data file (data-deluxe-menu.js) with the new one.

If you don't want to install your menu on each page, you can try to use frames, the menu has a cross-frame mode.
Please, see more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Also you can use a server-side script (php, asp, vb, etc.) to generate html pages from templates on your server.


Q: Can I expand a dynamic tree menu from a link in my html page?

A: Yes, it's possible, please see
http://www.deluxe-tree.com/functions-info.html

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_getItemIDByIndex (menuInd, itemInd)

Q: We are facing a problem with display of deluxe menu in Internet explorer 7.0
Java script menuis displaying fine in Mozilla Firefox & Internet Exploer 6.0.


A: Your browser has JavaScript option disabled.
It means that no one JavaScript element can be run.
You should to enable JavaScript in IE:

Tools -> Internet Options -> Security -> Custom level... -> Scripting -> Active Scripting = Enable

There is no way to enable these preferences automatically, in othercase there are no reasons to create security preferences.

You can use search engine friendly code, so you'll see all yourlinks (for the main items and submenus) when your security settings in IE doesn't allow Javascript.

You can generate search engine friendly code.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="menu_link1">menu_item_text1</a>
<a href="menu_link2">menu_item_text2</a>
...etc.
</div>


To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).