Popup Frame Menu Source Code by Deluxe-Menu.com
Popup Frame Menu Source Code

Menu Screenshots

Popup Frame Menu Source Code Script Javascript Menu Dynamique

Features

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed popup frame menu source code samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Java Menu With Icons Popup Frame Menu Source Code
Easy Setup
  • De Luxe Tuner. GUI interface to create your popup frame menu source code menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Submenus can be shown in 4 ways: - From from left to right + upwards and also left to right. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
  • Use images for icons, backgrounds of submenus and items. Using images you can create menus entirely based on graphics.
  • Create both horizontal and vertical menus and submenus with any amount of menus on one page.
  • Insert any HTML code inside the menu item - be it a form or a picture, a flash-object or a text. This ability allows you to create various menus of any complexity.

Recent Questions

Q: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: Deluxe menu is working fine but could you provide some steps for using the javascript tab menu?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>


Q: I have generated my navigation menu bar and want to incorporate it into my current website.
How do I resize and position the navigational menu inside a table?


A: 1) Resize:
You could specify exact width for menu using that parameter:

  var menuWidth="400px";

You can also set exact width for each top item using Individual Item Styles:

  var itemStyles = [ ["itemWidth=120px"],];

  var menuItems = [ ["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];

2) Position the navigational menu inside a table:
You can paste the menu inside the <div> or <table> tag, for example:

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


<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>


Q: How can I set the padding for the menu text at the top for the javascript select menu? I want more padding on the left of the text but I don't want it centered.

A: You can set bigger left padding for your Submenu Style, for example:

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];

itemPadding=0px 5px 0px 25px - top right bottom left