Javascript Right Side Menu by Deluxe-Menu.com
Javascript Right Side Menu

Menu Screenshots

Javascript Right Side Menu Html Navigation Menus Example

Features

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
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!
Fade In Javascript Right Side Menu
Cost Effective
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I am trying to figure out how to make multiple clickable Link popup windows on the same page. I want to have six or more. Here is what I have tried for having two windows and could not get to work:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<!-- DeluxePopupWindow.com -->
<noscript><a href="http://deluxepopupwindow.com">Javascript Popup Window by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="chase1.files/dpopupwindow.js"></script>
<script type="text/javascript" src="chase2.files/dpopupwindow.js"></script>
<!-- (c) 2008, http://deluxepopupwindow.com -->
============================================================================ ===============

<body>
<p><script type="text/javascript" src="chase1.js"></script>
<script type="text/javascript" src="chase2.js"></script>&nbsp;</p>
============================================================================ ================

<a href="javascript:;" id="chase1">Click Here to see a chase sample</a>
<a href="javascript:;" id="chase2">Click Here</a>

This does not work. I had it somewhat working. Is there a better way to do this? I will want to have at least 6 popup windows on the same page. I could not find any samples on your website.

A: You can do it in two ways:
1) Call different data files with DIFFERENT winID:"window1"!

2) Call only one data file and use deluxePopupWindow.open() function to open your windows:
<a href="javascript:;" onclick="deluxePopupWindow.open('window1', 'Content1 Content1', 'Window1',
'width=220,height=100,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite')">Click Here to see a chase1 sample</a>

See how to create popup windows:
http://deluxepopupwindow.com/window-installation-info.html
http://deluxepopupwindow.com/samples.html


Q: There is the possibility in the dhtml menu bars that an item has access control, that is is visible or not depending of the user?

A: You can use Javascript API and write your own code.

See more info here:
http://deluxe-menu.com/functions-info.html

You can use
dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
to disable your items or
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
to hide your items.Try that.

Q: Hi there, hope someone could help me out.

We have recently purchased your menu product, and I would like to know how I indicate on a javascript slide menu, the root node that was selected. So in other words, if I have a horizontal navigation and I select the 3rd index along the menu and select something from this, how can I make the 3rd index highlighted?

I am not sure how else to phrase this question and hope this makes sense. You help will be appreciated.

A: You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html

Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Slide Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem. You can't get this ID after you reload your page. That is why you should write your own code on PHP.



Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Navbar Forumjump- Adds a DHTML "Forum Jump" menu to your Navbar

Sep 8, 2007 ... This mod adds a popup menu to the navbar with quick links to all your forums. ... the forumjump popup on the left or the right side of the navbar. .... It's a couple of template edits and a few lines of Javascript to

Please Implement Right-Side Calendar & Right-Side Docs - Gmail Help

Jul 2, 2009 ... I rarely use chat in my email, so my right side is completely empty ... Anyone still following the retirement of Right Side Labels and the

YUI Library :: Forums :: View topic - Creating Left and right side

Jul 1, 2010 ... From what I can see the Docs make no mention of installing a menu on the right side. Is this even possible without major rework

Slide In Menu Right Side [Archive] - WebDeveloper.com

Dec 16, 2005 ... [Archive] Slide In Menu Right Side JavaScript. ... It needs to be available at all times from the right side. Any ideas of a script that does it?

ScoreHero :: View topic - Scorehero YUI Menus (Stealth Update

It works on both the GH and RB side of Scorehero. ... Go to the script page, click on "Install this script" on the right. .... One part of their library is the YUI Menu system, which uses Javascript to create the menus

Aligning the right side of a CSS menu - Ultimate Web Site Drop

Aligning the right side of a CSS menu CSS and HTML. ... I was wondering how you can align the right side of a number of divs without floating right, positioning it 0px from right etc. ... accessible javascript menu

Using VirtualDub for screen captures (for menus) - digitalFAQ.com

also the Pokemon Adv. Battle set (group on right side), design elements to ... As a side note, the Boss Hogg image would suck for a menu

CMS Made Simple Forum: Add javascript Menu

Add javascript Menu. ... My Question is regarding a vertical menu positioned in right side of the template

javascript menu not working in Firefox - Tech Support Forum

Jul 11, 2008 ... I have placed a javascript menu with categories and drop down lists for ... Discussion of web design, and server-side & client-side scripting ..... ( Pathetic, right?) I wrote that menu script back in 2000 and updated it

Milonic JavaScript Menu • View topic - Align Horizontal Menu to

I set the fontsize in the menu to 150% and when this is done, if you leave the div at the 446 the menu expands to the right side in IE7,

AddThis User Community • View topic - Align AddThis button to

How do I change the alignment of the button to the right side (instead of default .... <script type="text/javascript">var addthis_config

swf overlap javascript dropdown menu - FlashMove Forums

swf overlap javascript dropdown menu Client Side. ... the solution to the similar issue on this website and guess what .. i found the answer right here too!

The FoxyCart Forum - Multi-Select functionality

I'm not seeing any right now though. IE's complaining on the amwlib2.js file ... Yes, that is the javascript for my menu which is pretty necessary. ... code for the menu. Is there not a work around on the foxy cart side

PHP-Fusion Themes - Discussion Forum: FREE drop down menu code

And the menu code, should be in the theme.php file right under the header pic. ... The java script has to be called in the theme.php file just after the global ..... if (LEFT) { echo "<td class='side-border-left' valign='top'>".LEFT

Valid ideas • KDE Community Forums

This new interface is designed to work both with or without JavaScript support by the browser, offering a variety of features like the dashboard with a

Maxthon 3.0 alpha 3 updated, Javascript is 50% faster - Maxthon 3

Linktest failed. But the cross on the right side disappeared ... And the Context menu, etc. load just as fast as in Maxthon 2.5.2.xxxx

Change the docking side from right to left

Sep 19, 2009 ... Change the docking side from right to left - Search ... How to change the auto option from right click menu when opening a drive - Forum. Best answer: 1. .... Word right and left arrows · [Javascript] No right click

Expanding Vertical Menu

May 3, 2010 ... Hi, I'm having trouble with creating my side menu. ... hide isn't working (am i not targeting the right level? in the css or javascript)

Floating Side Menu

Oct 20, 2009 ... Floating Side Menu Origin: DynamicDrive.com Original Script: Omni Slide Menu ? ... This mod places a floating menu on the right of all of your forum pages. Edits: Edit menuItems.js for link colors; Edit mmenu.js for bar,

Lihat Forum - Petunjuk Pengaktifan Javascript

Jul 30, 2010 ... Click on the View menu, then click Internet Options. .... the Organization column on the right side, click on "Internet Properties (WWW)"

Dreamweaver Drop-down menu problem

Does anybody know how to modify the mm_menu so that the drop down appears on the right side of the link? ... I have a question about creating a drop down menu in dreamweaver and saving it out as a server side include. ... One problem is the menu was created using dreamweavers 'show pop-up menu' javascript behaviour

Adding list items to the Page Menu - Wordpress Themes - WP Forum

<li><a href="javascript:openwindow('http://www.url.com','','yes','no' ... on the right side of the menu bar (after the existing menu links):

Left Sidebar css and javascript. Right sidebar tabs. Not visible

I am unable to activate my Dynamic CSS and javascript on the left sidebar, and the Page tabs on the right side bar

Joomla! • View topic - MiniDoc: Creating a CSS Drop-down Menu

Last but not least you need to add the JavaScript for IE into the head of the template ..... Is it possible to make the menu appear vertically down the side of the page? ... But I still can't get the right thing. I am using IE6