Navigation Sliding Iframes by Deluxe-Menu.com
Navigation Sliding Iframes

Menu Screenshots

Navigation Sliding Iframes Tree Menu Sample Frame Version

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your navigation sliding iframes menus easily and in no time
  • Sensible menu parameters for manual editing
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
Menus Tabs Html Navigation Sliding Iframes
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
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
Cost Effective



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: It works almost ok BUT without the use of Deluxe Tuner. It seems NOT to be able to provide such results for the creation of popups when a link is clicked (not when a page is loaded). On top of that, what am I supposed to enter in the actions tab in the popup generator?

And what is more, when I click on the 1st link I get a fine sample but when I click on the 2nd one, background colour of the 1st link appears for a about second. How do I get rid of that?

A: > On top of that, what am I supposed to enter in the actions tab in the
> popup generator?

For example you want to open a popup onMouseover, onClick oronMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')

See the attached example.

> And what is more, when I click on the 1st link here
> http://www.acting.gr/test.html I get a fine sample but when I click on the
> 2nd one, background colour of the 1st link appears for a about second. How
> do I get rid of that?

You have such effect because you use fade-effect for your popupwindows.


Q: I am interested in this script

http://deluxe-menu.com/popup-mode-sample.html

Is that possible that the "2nd" menu is activated with left click and to delete the "1st" menu.


A: Yes of course you can create any menu on your page.

See how you should call pop up menu
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" onContextMenu="return dm_popup(2, 2000, event);" style="cursor: pointer;">


To use one menu on you page you should write
<img src="data-samples/images/popup_pic.gif" width=180 height=119 onClick="return dm_popup(1, 2000, event);" style="cursor: pointer;">


You can create you own menu using Deluxe Tuner application or use thismenu.


Q: Typically in order to generate a menu with multiple layers I’d put a pipe character in front of the menu text..  For example:

 ["|Page Admin","/admin/handoutadmin.php", , , , "_new", , , , ],
     ["||Student Pages","/admin/handoutadmin.php?type=1", , , , "_new", , , , ],
     ["||Teacher Pages","/admin/handoutadmin.php?type=2", , , , "_new", , , , ],
     ["||Family Letters","/admin/handoutadmin.php?type=4", , , , "_new", , , , ],
     ["||Transparencies","/admin/handoutadmin.php?type=3", , , , "_new", , , , ],

  However, when I try to do it with dm_ext_addItem it actually SHOWS the pipe character and doesn’t create any menu levels at all. 
For example:

dm_ext_addItem(0, 0, ["Add a Handout to this Lesson", "", "", "", "", "", ""]);

dm_ext_addItem(0, 0,  ["|Student Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

dm_ext_addItem(0, 0,  ["|Teacher Page","/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

How can I generate multiple levels of the menu with javascript?

A: I suppose that your code is not valid
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=$type", "", "", "", "_new", ""]);

Try to write it in the following way:
dm_ext_addItem(0, 0,  ["|Teacher Page", "/admin/handoutadmin.php?type=", "", "", "", "_new", ""]);



Q: I have Deluxe-Menu v2.0.

1. When I make an Item a Seperator using '-' on main menu Items (on a menu verticale javascript) it does NOT work (leaves a blank row) but when I make an Item a Separator using '-' on a Subitem it DOES work (uses the Separatorimage). Why ?

Can I make an Item a Separator on the main menu and get it to use the Separatorimage ?

2. If I set the text value to empty on a main menu Item and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, all I get on my preview is an image placeholder with a Red X but when I set the text value to empty on a SubItem and then add image paths in the Normal and Mouse Over Icon fields in Item Parameters, the preview DOES show the image. Why ?

How can I get the image to show on the main menu verticale javascript Item ?

A: 1. You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],];Please, see the following parameters:

//--- Separators  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

2.You can send us a copy of your html page (including .js files andimages), so we can check it.