Javascript Vertical Menu Pull Right by Deluxe-Menu.com
Javascript Vertical Menu Pull Right

Template:

Dark Orange Menu Template - CSS Dhtml Menu






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Horizontal or vertical orientation
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Filters and Transitional effects




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

Menu Screenshots

Javascript Vertical Menu Pull Right Menu Desplegable En Dhtml

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical menu pull right menus easily and in no time
  • Sensible menu parameters for manual editing
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
Menu Systems Javascript Vertical Menu Pull Right
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript vertical menu pull right 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have a Menu called topnavbar.js when this menu is applied to a page not in a subfolder the links work. This topnavbar menu includes the following items; District Office, Cumberland Head Elementary School, Beekmantown Elementary School, Beekmantown Middle School, and Beekmantown High School.

However, if you put the topnavbar on a page that is located in a subfolder the links in the topnavbar add this subfolder name to the link.  So instead of districtoffice.htm the link is transportation/districtoffice.htm and that page doesn’t exist.


A: You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


Q: How I make sure, that long menu items in dhtml menu sample can wrap into two lines?

A: You should set the following parameter:

  var noWrap=0;

Or use standard <br> tags inside item's text:

["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],

Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

Q: I've finally got it working and it looks good. So thanks. But... unfortunally there's still a small problem wich occured after I got everything else working: No matter if I set the parmeter "  var texpanded" to '1' or '0' it expands by default tree menu javascript. Why?

I also have another question I forgot to ask you about earlier: Originally I only had the data.js file but in the non-profit zip file you gave me there was no "data.js" file, only "data-tree.js". Wich one will the script use? Do I need both? The javascript call I put where I want the menu to appear calls for "DATA. js". So what good does the "data-TREE.js" file do?

I include the "data.js" file if you need to have a look at it. The "data-tree. js" file is identical now that I changed all the "  var tmenuItems" at the bottom). (The "menu.html" I guess you can look at yourself by "View source".)

Also, the submenus where I would like to put XP style menus are not finished yet but for now I have the same "tree" script in them. They are under "DART/dartspel.html", and on six artist discographys under MUSIK: Edguy, Katie Melua, Joe Satriani, Michael Schenker, Trans-Siberian Orchestra and Magnus Uggla. This is if you'ld like to see the sub pages where I use other "copys" of Deluxe-tree. (I hope you don't mind that the "Illegal copyright" nag is very small. It's supposed to dissapear anyway with the new Non-profit license).

A: 1) See the structure of your tmenuItems is incorrect now.

You should write:
["->HEM (Klicka f?r meny)","welcome.html", "data.files/hem.gif", "data.files/hem2.gif", "data.files/hem.gif", "Startsidan", "right", "", ],
Without '|' symbol in the beginning.

2) You should write tleft parameter correctly. Now you have:

//--- Positioning
  var tabsolute=1;
  var tleft="00px";
  var ttop="10px";

Write it in the following way:
  var tleft="10px";

3) data-tree.js file is the default tree menu javascript file. There is no need to use it if you already haveyour data.js file.

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