Dhtml Scripte Sof Sliding Vertical Menus by Deluxe-Menu.com
Dhtml Scripte Sof Sliding Vertical Menus

Template:






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Image arrows
    - Status string shows item labels
    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Search feature - add the search area in the menu and type symbols.
    - Submenus automatically scrolls




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

Menu Screenshots

Dhtml Scripte Sof Sliding Vertical Menus Scrolling Dropdown Menu Script

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
Navigation In Java Dhtml Scripte Sof Sliding Vertical Menus
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 dhtml scripte sof sliding vertical menus menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I changed the parameter from
  var dmObjectsCheck=0;
to
  var dmObjectsCheck=1;
in the data.js file
but it didn't change it;
_____________________

I opened the dmenu_add.js file, but I'm not sure what I'm supposed to do with it?
_____________________

I went to your sample page and I would like to add the item widths into mydata.js file, but each item is a different width. Would it be correct for meto do this?...

  var itemStyles = [
["itemWidth=98px"],
];

Or will I have to make all the main menu items/graphics the same width?


A: You don't have to change your dmenu_add.js file.
Please, place this file in the folder where your menu iscreated in.

Yes, you can set itemWidth for each main item.

Please, use Deluxe Tuner to create your individual styles.

You should write, for example, so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];
  var menuItems = [

["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],

["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],

["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],

["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],

["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],];


Q: My sub menus are not rendering correctly in IE8 RC1 when my Vista machine is set to 120 dpi. I did not notice this as a problem until I installed RC1 today.

A: The menu works correctly in IE8 RC1 (120 dpi), if your browser image any font incorrectly(Tahoma in that case) the menu couldn't correct this.

It is possible that the reason is in the filters. You can try to turn off filters orchange font:

  var transparency="100";
  var transition=-1;

Q: I am very interested in using your deluxe menu products for my new website design, particularly the Tree Menu. I've been looking at the javascript tree source and am a bit worried that the links used will not be recognised by Search Engine robots - do you have any information regarding implementation of your menus so that the links are fully visible to search engines ?

A: You can generate search engine friendly code.
Deluxe Tree is a search engine friendly menu since v2.4.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">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).



Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem


A: See images in Vista Templates have the fixed width and height (92 x21):

  var itemStyles = [

["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif


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