Spry Menu Dreamweaver Frameset by Deluxe-Menu.com
Spry Menu Dreamweaver Frameset

Menu Screenshots

Spry Menu Dreamweaver Frameset Javascript Hover Dropdown Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your spry menu dreamweaver frameset menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Javascript Navigation Css Dhtml Spry Menu Dreamweaver Frameset
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
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 spry menu dreamweaver frameset samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: In deluxe tuner, on a horizontal dropdown menu, how I make sure long menu items can wrap into 2 lines? Losing my mind trying to figure this out.

For example...

Instead of.. International Music X Home Decoration X Books..... I want to to do:

International X Home X Books

Music Decoration

A: You should set the following parameter:

  var noWrap=0;

Or use standard <br> tags inside item's text:

["International Music X Home<br>Decoration X Books","", "", "", "", "", "0", "0", "", "", "", ],

Try that.


Q: How do you specify different number of sub menu columns for each menu heading in the dhtml menu bar?

When I put   var smColumns = 5; it changed it for both my multicolumn headings.

A: You should use Individual Submenu Styles, for example:

  var menuStyles = [
["smColumns=3"],// 0 style
["smColumns=2"],// 1 style
];

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
["Product Info","", "", "", "", "", "0", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "", "0", "", "", "", ], // 0 style
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
   ["||Description of Files","testlink.html", "", "", "", "", "", "", "", "", "", ],
   ["||How To Setup","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Parameters Info","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
   ["||Mozilla","", "", "", "", "", "", "", "", "", "", ],
   ["||Netscape","", "", "", "", "", "", "", "", "", "", ],
   ["||Opera","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ],
 ["|Sample 1","testlink.html", "", "", "", "", "", "1", "", "", "", ], // 1 style
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
 ["|Sample 3","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 4","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 5","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 6","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 7","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 8","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 9","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "_blank", "0", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ],
];

Q: That is what I need:

a) I build a menu with an item like this:
   ["||"Product1","http://127.0.0.1/product1.htm","","","",,"0",],

b) when I select that item, I need that page product1.htm loads into an iFrame.

Can I do this?


A: You should set the Iframe name as the target value in the menuItems.
You should also set the following parameter:

  var itemTarget = "";


Q: What I have to do for the following problem:
When I press a tab, the new site will be load into the browser.
Great! BUT the pressed button is not be marked. Always the Tab 1 is blue. What's wrong??

A: This Tabs menu can save pressed item automatically within1 page only. If you open another page, the menu can't remember presseditem. You should do that manually using Javascript and menu parameters(  var bselectedItem and   var   var bselectedSmItem) or using any server-side script (php, asp, etc.)

Deluxe Tabs doesn't support API functions which can return theselected tab.

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters based on your link beforeyou call your data file.

For example, move "bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>