Orange Menu Slide Vertical by Deluxe-Menu.com
Orange Menu Slide Vertical

Menu Screenshots

Orange Menu Slide Vertical Vertical Javascript Navigation

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
Javascript Html Menu Orange Menu Slide Vertical
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your orange menu slide vertical menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: We are looking at JavaScript libraries for our website, and we liked what we saw with your product deluxe-tabs. However, we have a need for both horizontal and vertical tabs, as well as nesting tabs. We would like the vertical (and nested tabs) to have the same capabilities and features as the horizontal tabs. We notive the vertical tab image example, but that was all we could find. Are there more extensive examples that show the same functionality as the horizontal tabs? Is the product, as is, capable of the same functionality for both vertical and horizontal tabs?


A: See, to create vertical tabs you should add '$' symbol before the itemtext in the first item of the next row.

You can use templates, add '$' symbol and adjust some parameters.


Q: Can you send me the full detail how would I use your navigation bar generator for web site development?

A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.

1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New" and add items
and subitems using buttons "Add Item" and "Add Subitem" on the main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML.

So, you'll have folder with all engine files and images
("deluxe-menu.files/" folder by default), deluxe-menu.html file and
data-deluxe-menu.js file with all menu parameters.

Open deluxe-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).

Copy and paste several rows into your html page (index.html).

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data-deluxe-menu.js"></script></td></tr> //data-deluxe-menu.js - data file createdin Deluxe Tuner.
</table>
...
</body>>

You should also copy "deluxe-menu.files/" folder with all engine files
dmenu.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js
and data-deluxe-menu.js file into the same folder with your index.html page.

Try that.

You can see more info about installing here:
Deluxe Menu
http://deluxe-menu.com/installation-info.html
Deluxe Tree
http://deluxe-tree.com/installation-info.html
Deluxe Popup Window
http://deluxepopupwindow.com/window-installation-info.html
Deluxe Tabs
http://deluxe-tabs.com/product-info/

Q: Actually I think we've managed to figure most of the below out, so I'd be grateful if you could give us some pointers with the following instead...

How might we be able to include your javascript menu scripts within e.g. asp tags? We'd like some menu options to be hidden from some users, but I'm getting errors when I put asp tags in your data.js file.

A: It seems to me that you have syntactical error in your code.

Please, check that you don't have double quotes in your code. If you have several quotes you shoulduse back slashes before them, for example:

<%
response.Write( " ['|Test A','javascript:alert(\'Test\');', '', '', '', '', '0', '-1', '', ], " )
%>

 ["|Loan Profile","../pipeline/loan_profile.asp?id=<%=rsLoans('loan_id')%>", "", "","", "", "", "2"],



Q: Please kindly help to this problem, in my pass few weeksI'm using my deluxe menu and I can type arabic text there, but now its seems that the software is not recognizing the arabic text, from my screenshot you can understand that it shows a different symbols although im typing arabic font.
Now I couldnt type arabic font and I have existing projects website and need to edit it again but I can't coz my software is not recognizing the arabic text.


A: Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.
And after you create your menu you can open your data file (created inDeluxe Tuner) in any text editor (click F4 on this file) and add your text parameter, forexample:

["Home","testlink.html", , , , , , , , ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , , , ],

...You should enter text to "Home", "Product Info", "|Features","|Installation","||Description of Files" fields in the text editor.Try that.