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

Menu Screenshots

Vertical Slide Menu Css Side Menu Software Frames

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
Css Based Drop Down Vertical Slide Menu Css
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical slide menu css 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 vertical slide menu css samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: I need to know if it is possible to call a JavaScript function from the cool dhtml menu.
I have read the FAQ and noted where it lists that you can perform an alert call, and that worked on my end as well, but when Iattempted to call a function I created I could not get it torespond.
Is it possible to call a function from your menu?
Could Iget an example?


A: You can write your own functions within menuItems, for example:

 ["|Real-Time Data Query","javascript:window.open('http://www.domain.org/','_blank','height=758,width=1024,status=yes,toolbar=no,menubar=no,location=no');"
,,,'Query real time water quality data' ,'' , '', '', ,],


Q: I came across your program through a link on the Internet. The menu script displayed was DHTML Menu Demo #23 displayed on
http://dhtml-menu.com/dhtml-samples/menu2752.html

- this is the only menu I am interested in as it has the capability of positioning the menu script relative to an existing table in the HTML coding of the page. I already have a vertical scrolling menu with several features visitors. We are moving our website to our own server and are doing some updating to make it more attractive when viewed at different resolutions. If you look at the source coding for the page (yes, it's almost exclusively in HTML - it usually views well on any browser) you will see that ALL the content is enclosed in a table which is centered on the page allowing it to be completely viewed at any resolution of 800 x 600 or greater. But the scripting I'm using ( /* Created by Randy Bennet...) uses the left margin of the browser window as left margin of the page. If it could be written so that the left margin of the existing (and centered in the browser window) table would be the point from which the left corner of the "object1" was measured, then the page would view nicely at any resolution. But I cannot find out how to do this from your "newer version".

A: You can create the same menu using Deluxe Menu:
http://dhtml-menu.com/dhtml-samples/menu2752.html

To install Deluxe Menu in the table cell with center alignment youshould use relative position for the menu:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

And install it on your page in the following way:

<table>
<tr>
<td align="center">
<script type="text/javascript" src="deluxe-menu.js"></script>
</td>
</tr>
</table>



Q: Hello. I'm trying your javascript expanding menu but cant get a clicked menu to stay highlighted. It works sometimes in Firefox but never in explorer.

With sometimes I mean that if I click a link and that paticular link leeds to nowhere, and i've to click the browsers back button.....then the link I clicked is highlighted when I return. If I make a link that leeds to a new page (with exactly the same code as was generated from delux tuner), then nothing is highlighted. Does this 'higlightstate' work at all?

A: Javascript expanding menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var I = 4 //index of the selected item
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}

</script>



Q: I now have a menu that I like. Works great, but not with the Explorer browser. Works perfectly with Firefox and Opera. Doesn't work with Explorer. I tried using Explorer installed on several computers at different installations - at home, work and at a friends house. So it doesn't appear to be anything specific to my version. I don't have high security enabled.

Can you identify my problem? I've spent hours trying to fix this.


A: Please, see your menu parameters. Now you have:

  var itemBackColor = ["#0","#ffffff"];
It is not right.

You should write for example so:
  var itemBackColor = ["#0000FF","#ffffff"];