Top Menu Over Iframes by Deluxe-Menu.com
Top Menu Over Iframes

Menu Screenshots

Top Menu Over Iframes Menu Creation

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your top menu over iframes menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Sliding Drop Down Menu Top Menu Over Iframes
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
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.

  • 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: Does this mean that nothing needs to be installed on the server side to make javascript menu?

Here is why I am asking this:

We have a main "corporate" web site, which is going to use the Deluxe Menu. One of the links on the main site will launch a page, which is running on a separate web server (physically separate server, and not a load-balancing scenario). Since all of these pages should look identical to the users, they all have to use the exact same configuration and look&feel in Deluxe Menu. I was wondering if any "configuration" type settings are stored on the server. In other words, would we have to maintain the Deluxe Menu install on two separate servers?

A: There is no need to install anything on your server. You should onlycopy a folder with all engine files (dmenu.js, dmenu_add.js, ...) anddata file on your server. Then you should call these files on yourpages, for example:

<body>
<script type="text/javascript">  var dmWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
...
<script type="text/javascript" src="data.js"></script>

> In other words, would we have to
> maintain the Deluxe Menu install on two separate servers?
Actually you can copy deluxe menu files on the one server only anduse absolute paths.


Q: I'm trying to display the submenus to the left of the vertical navigation bar.

A: Try to use the following parameter:

  var subMenuAlign = "left";

Q: How can I vary the width of the individual items on the main bar for the javascript menu?

A: You can use Individual Styles to set the width for the menu items.Please, use Deluxe Tuner to create your individual styles.

You should write for example so:

  var itemStyles = [
["itemWidth=98px"], // style 0
["itemWidth=100px"], // style 1
["itemWidth=110px"], // style 2
["itemWidth=120px"], // style 3
["itemWidth=95px"], // style 4
];

  var menuItems = [
["","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self","0" , , , ],
 ["|XLCubed Edition","pro_excel.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Web Edition","pro_web.html", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|TM1 Connection","tm1Connection.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "0", , ],
 ["|Downloads","downloads.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , , , , , ],
["","", "data.files/demoCenter.gif", "data.files/demoCenter_mo.gif", , ,"1", , , ],
 ["|Online Demos","onlineDemos.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
["","", "data.files/resources.gif", "data.files/resources_mo.gif", , ,"2", , , ],
 ["|Customer Center","customer.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Partner Center","partnerCenter.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , , , ],
 ["|Documents","documents.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Technical Specs","techSpecs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Training","training.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self","3", "1", , ],
["","support.htm", "data.files/support.gif", "data.files/support_mo.gif", , "_self","4", , , ],
["","", "data.files/company.gif", "data.files/company_mo.gif", , , , , , ],
 ["|History","history.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
 ["|Contact Us","contactUs.htm", "data.files/iconBlue.gif", "data.files/iconWhite.gif", , "_self", , "1", , ],
];

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

SmartMenus DHTML Menu / JavaScript Menu - Forums / Exiting menu

When exiting the menu over an iframe in a non-IE browser the ... <div style=" position:absolute; top: 20; left: 20; padding: 5;">

2 IFrames -Iframe1 btn onclick load iframe2 src & pass iframe1

Onclick of button create IFrame and pass textbox value into parameter of ... Does anyone have another method where there are 2 iframes:

Ignoring iframes with javascript history

I have a page on my site which has a menu with a list of links. The links are displayed in an IFRAME. Underneath the

Jquery menu states/addClass, not working with Iframe. - jQuery Forum

I've built a navigation page to be used in an iframe across a site. I've made menus ... I am able to addClass "on" to selected menu items using the following: .... Top. {"z3378783":[14737000000827494,14737000000834666]}

ActiveWidgets • combo box overlapping the div layer • div fixed header

i am in need of help for programming of javascript. how do i display the menu in div above the combo box? ... They are ALWAYS the top most element on a page. ... If I click on it a second time, it does paint correctly over the grid. Strange. ... I have tried that trick with the iframe and it sort of works

amMap support forum / PROBLEM WITH <iframe>

I have div id="map" inside is iframe with ammap and z-index=0 but I ... are always display that ammap on the TOP. That menu is behind it

DHTMLX Forum • View topic - Permission denied in Iframe

Permission denied in Iframe. 3 posts Page 1 of 1. Post jerryzz ... display a glossary, and want to hide the top menu (for more visibility)

How to create a custom News block with an iframe in PHP-Nuke

How to change the top menu (top navigation bar) of PHP-Nuke ... Cross-site tracing attack via HTTP TRACK / TRACE method

Joomla! • View topic - Usage of <iframe> in joomla

In Joomla, iframes are called wrappers. There's one in the menu manager, which is designed for an iframe to take up a whole page

Facebook Platform Developer Forum / FB.CanvasClient.getCanvasInfo

ble_IFrame to resize the iframe to fit the page content. ... then in the top menu go to "browse"->"most popular" and click on the "send

over 500 social networking sites that can bookmarks

Customize Search box-menu. Bookmark Status Icon that shows whether the current ... Bookmarklet page opens in an iframe with automatic tag extraction from the ..... Some Features: Automatic folders(New Bookmarks, My Top Rated Bookmarks,

Wordpress In Iframe Too Wide :: Forum :: Indexhibit

You've included a table in the top of the exhibit and then the iframe... The iframe gets its height from the menu height

Facebook Platform Developer Forum / FB.CanvasClient.getCanvasInfo

ble_IFrame to resize the iframe to fit the page content. ... then in the top menu go to "browse"->"most popular" and click on the "send message" option of

Tigra Menu Product Family - IE: z-index above select boxes

I had a problem going over a Flash -- so I made a custom menu that's in a DIV tag that contains an iframe -- this went over the Flash in IE,

Bugs: iframe is NOT transparent in IE 6, cannot pass

I am trying to insert a flash generated menu bar in the top of my wiki site. I am using iframe to do it, and it works perfectly on Safari, Firefox,

Help: Trouble with z-Index and SELECT lists

Nothing can be placed "on top of" a SELECT list unless it is another SELECT list ... <input type=button value="Place IFRAME over select lists" ... finally the z- indices of menu div and the chosen div will be set to the required levels

Using navigation to change iframe content - Free Web Hosting Forum

Well I designed a homepage with iframe & i got navigation menus that point to each page: (information|career|charmed|gallery)however i still

Jumping to top of menu bar - SatelliteGuys.US

Jul 17, 2010 ... Your browser does not support iframes. ... Jumping to top of menu bar ... Does anyone know if it's possible to "jump" to the menu bar? ... Digital Over the Air (OTA), Motorola DSR-550 (VOOM Box) Support Forum

Page bar + smf (html?) - Wordpress Themes - WP Forum at BFA

right now im trieing this to get the navigation bar above the forum: ... iframes won't work in a WordPress page without adding a plugin for that function. .... im not used to webdesign language i may come over a bit random .... shorthand code for margin has 4 numbers, start at top and goes clockwise

AddThis User Community • View topic - Random iFrame appearing

I have a random iframe popping in at the bottom of my content page. ... most recently/often used services to the top of the compact menu

Buttons link to an iframe that opens up in the same window?

<a name = 'a2'></a>(Place Over gallery #1 in HTML) <a href = '#a1'>Return to Top of Page or Menu Bar</a>(Place Just Under Image in HTML)

HTML Code to Force an Image to Float over an iframe - Google Sites

Mar 1, 2010 ... HTML Code to Force an Image to Float over an iframe. ... I want to float an image on top to block the menu. Alternatively, if there is an

Drop down menu over frames [Archive] - WebDeveloper.com

versions 6> of IE and NS both will display menu overlaping the iframe,and yes,if there has to be a frame,i'd say inline(iframe) frame is a

Floatbox Forum: Support & General Discussion » Inline Div Floatbox

When the div is not found, floatbox will try to load the "#id" value as an iframe src value, and should end up re-showing the current top