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

Menu Screenshots

Javascript Sliding Side Menu Dhtml Popup Fade

Features

Cost Effective
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!
Drop Down Menu Html Codes Javascript Sliding Side Menu
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 javascript sliding side menu 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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: I've seen, that it's possible to open the linked contents for the javascript floating menu in the same or in a new window or in a frame ,but is it possible, too, to generate a new tab?Open a new tab seems to be less risky ... is there any solution to beused with Drop Down Menu? I tried to use "_tab" instead of "_self" or"_parent", but it did not work!

A: You should use _blank.
If your browser supports tabs your link will beopened in a new tab (except IE, in IE it will be opened in a newwindow).


Q: My menu is working very well in IE 7.0, and almost very well in FF 2.0.

In your faq, you mention the following:

Fix for flash in Firefox!
If you don't want the flash to hide under submenus in Firefox you should do the following things:

However, I do want the flash to hide under submenus, like it does in IE when I set   var dmObjectsCheck = 1;

My menu is beneath my flash.


A: If for some reasons a submenu can't drop down over an object the latter will be hidden for a time when the submenu is shown.

If you don't want to have such effect you should follow these steps.

http://deluxe-menu.com/objects-overlapping-sample.html


Q: I will build menu for several books’ Contents, each book is more than 100 lines and has links. I think if all the books’ contents in 1 *.JS file then it is TOO LOONG!!.
Can I break it down to 1 book for 1*.JS ? How?


A: You cannot divide your menuItems parameter.
You can only use one .js file for your menu parameters and the other.js file for your menuItems = [...];

But you can do it in two ways.

1) You can try to use several menus on the one page, for example:
param.js // file with menu parameters (all parameters before menuItems = [...];)
menu1.js // menuItems for "AC-DC", "ANLOG"
menu2.js // menuItems for "DIGITAL", "WinXP"
menu3.js // menuItems for "MS-Word", "MS-Excel"
In these menu files you should write
menuItems = [
...
];
dm_init();

Then you should install your menu in the following way

<script type="text/javascript" src="param.js"></script>
<table>
...
<script type="text/javascript" src="menu1.js"></script>
...
<script type="text/javascript" src="menu2.js"></script>
...
<script type="text/javascript" src="menu3.js"></script>

But it will be easier to use vertical menu in such case
  var isHorizontal=0;
  var smColumns=1;

2) You can also try to add some code, see the attached example.

In the first file (@MY books (Multiple Col.js) I write menuItems for the first item "AC-DC".
Notice that you should delete comma at the end of the last item
  var menuItems = [

["AC-DC","", , , , , , , , ],
 ["|@Book1","testlink.htm", , , , , , , , ],
...
 ["|@Book3","", , , , , , , , ],
   ["||CH02","", , , , , , , , ],
   ["||CH01","", , , , , , , , ] // delete comma at the end of the last item

];

In the second file (@MY books (1.js) you should write
menuItems = menuItems.concat(

[

["ANLOG","", , , , , , , , ],
 ["|@Book1","", , , , , , , , ],
 ["|@Book2","", , , , , , , , ],
 ["|@Book3","", , , , , , , , ] // delete comma at the end of the last item

]
);

In the third file (@MY books (2.js) you should write
menuItems = menuItems.concat(

[

["DIGITAL","", , , , , , , , ],
 ["|Item 1332","", , , , , , , , ],
["WinXP","", , , , , , , , ],
 ["|Item 1333","", , , , , , , , ],
["MS-Word","", , , , , , , , ],
 ["|Item 1334","", , , , , , , , ],
["MS-Excel","", , , , , , , , ],
 ["|Item 1335","", , , , , , , , ] // delete comma at the end of the last item
]
);

dm_init();

Notice that you should write dm_init(); function in the last file.

In the .html file you should write
...
<tr>
<script type="text/javascript" src="@MY books (Multiple Col.js"></script>
<script type="text/javascript" src="@MY books (1.js"></script>
<script type="text/javascript" src="@MY books (2.js"></script>
</tr>
I hope you understand me.


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

Prostores Forum Category Menu Template

Prostores Forum Category Menu Sliding Drop Menu In Javascript. ... Multilevel Css Menu Horizontal · Multilevel Side Menu Template Multi Dropdown Menu Css

Web2feel wordpress theme support • View topic - Is this Theme

#5 with Remedy 2 there is no mini section in the options menu ... Well from what i found is if you want to get pictures in the sliding bar when you follow the ... how can you put an adsense banner in the side post. ... template users that the JavaScript file hosting will be stopped by 10 April 2009

sliding panel plugin and ie page placement - Wordpress Themes - WP

In IE it is floating to the right side rather than a left and right ... also that the sliding panel plugin is now causing the menu bar not to be ... You could also just create all this by coyping this section in js.php

help on sliding and tabbed menu [Archive] - WebDeveloper.com

Mar 31, 2010 ... [Archive] help on sliding and tabbed menu JavaScript. ... THIS HAS EFFECT OF MOVING THE SUBMENU BEHIND THE MAIN SIDE MENU

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Mar 11, 2010 ... I need a tree menu to show categories in left side of page. ... src="modules/ mod_flexitree_menu/javascript/jquery-1.2.6.min.js"></script>

[How To] Replacing the Atahualpa header image with a 'sliding door

<script type="text/javascript" src="http://www.yourdomain.com/ .... This works for both the sliding menu and my new gallery plugin - which .... links are on the left side and no img's.. what have I done wrong? mrStark

Javascript server side needed to connect & retrieve from SQL DB

Ultimate Web Site Drop Down Menu Forum > Web Development > Javascript · Reload this Page Javascript server side needed to connect & retrieve

Need Javascript Multiple sidebar menu with sliding effects

Need Javascript Multiple sidebar menu with sliding effects. ... and i think it is also a good tool for creating functional JavaScript menu!

Software Marketing Resource Forum • View topic - Likno Software

Jul 8, 2009 ... Sliding Menu/Floating Menus/Server Side Menus (dynamic menus) Addins. ... as a leader in JavaScript/DHTML technology through its advanced

IE problem with Sliding JavaScript Menu Highlight

I was delighted to find Michael's great Sliding Javascript Menu Highlight posted ... and I succeeded - by combining css I'd already used for a menu system .... JavaScript, |-- (X)HTML and CSS, |-- Design, |-- Server Side

Detroit Auto Show: Nissan Reveals "Revolutionary" Forum Minivan

Dec 18, 2007 ... FORUM's front doors open 90 degrees, which combined with the long sliding side doors, create wide openings for easy entry and exit of all

Javascript - Determine length of text in pixels - Neowin Forums

Here is the full javascript for the sliding arrow. ... I had to do this once to set the width on the fly for a menu that had to .... (On a side note, you're including MooTools twice in your <head> - better fix that :p)

Slight semantic "enhancements" to admin-side 4.0.9. · Textpattern

We also seem to agree on the sliding doors, and perhaps to address Jakob's ... the primary menu tab is potentially confusing against the “View” link. ... Ranging from the way they display now to annoying javascript alert

inline multi-level drop down menu. (plz help) (Page 1) - Menu

So you have to use javascript. I recomend you good old jQuery. .... thanks for all the tips, the Vertical concertina slide menu is pretty close to what I want. .... I know nothing about the JS/jQuery side of things,

Detroit '08 Preview: Nissan FORUM Concept — Autoblog

Dec 18, 2007 ... FORUM's front doors open 90 degrees, which combined with the long sliding side doors, create wide openings for easy entry and exit of all

FlashDevils Community, Flash Developer to Flash Developer - Cursor

Basically i get all this done, have the sliding menu hidden off stage, when i mouse .... Client-side, -- HTML, XHTML and CSS, -- Javascript

KoolPHP :: Index

KoolAjax facilitates data exchange between server-side and client-side. ... special feature of KoolAjax, developers can create a great ajax application without javascript knowledge. ... KoolSlideMenu is very Easy-to-Use PHP Slide Menu

Dokeos Forum • View topic - change the menu style

... change the menu style i wanna put sliding-side-bar-scriptaculous and ... < script type='text/javascript' src='js/side-bar.js'></script>

Watemark Backgrounds Behind Posted Images Sliding Left In IE7

Jul 11, 2010 ... Is the top picture also still sliding to the right in IE7? ... PS: But then again I don't have side-by-side images in any of my postings,

Thanksgiving menu - Polk Moms

I would love it if we could share ideas and recipes for our Thanksgiving menus this year- from a side of cranberry sauce to a delightful

Free Accordion Menu Example [Archive] - Interspire Forum

Download and rename the extension from txt to js (this forum does not ..... top- level category image from sliding when user mouses over a category? ..... didn't expand/contract vertically, but rather came out the side

WPVulpe • View topic - Spexel Setup & Installation Documentation

Nov 21, 2009 ... Activate all the plugins in Dashboard › Plugins menu (activate ... AJAX - If disabled, no javascript effect will load at all (improves website load time). ... Sidebar Tabbed Slide - Sliding tab on sidebar which contains .... Top 468x60 Advertisement - 480x60 advertisement on right-side of header

Script modified incorrectly after update - Bugs - Support

Styles/dmxSlidingPanels.css" /> <script type="text/javascript" ... On what kind of page you have the Sliding Panels? Maybe a server side include? ... Photo Albums and Slideshows · Popup Menus and Tooltips in Dreamweaver

Sliding horizontal pictures - kirupaForum

Skip the javascript. How can I have the same image but larger appear over the top of the sliding photos and have a close function?