Submenu Con Javascript by Deluxe-Menu.com
Submenu Con Javascript

Template:






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Hundreds of pre-designed templates
    - Search feature - add the search area in the menu and type symbols.
    - Text aligned to left
    - Cross-frame support - menus work on frameset-based pages
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Submenu Con Javascript Cool Pull Down Html Styles

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
Cost Effective
Tab Bar Html Example Submenu Con Javascript
Easy Setup
  • De Luxe Tuner. GUI interface to create your submenu con javascript menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed submenu con javascript 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to buy your product today, but have a few questions:

How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

1.
  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];

2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
  var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],

Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.

  var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],



Q: I using "deluxe menu Tree " : floating menu and I would like to remove the icon on the right, setting TXPExpandBtn.Is this possible?

A: No, you cannot remove expand buttons in   var tXPStyle=1;.
But you can use another images for them. You can change it in Submenu Styles.

You can use   var tXPStyle=0; also.


Q: In the rollover menus, how can I have a heading link to and open another website's home page?

A: 1) You can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you have:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></p>

So, in Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) Or you can create only one data file and use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

I call the skin .js file with id='win'.
On the page you should open popup windows with the same id:

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 1 PopupWindow with 'files/test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/1test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 2 PopupWindow with 'files/1test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/2test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 3 PopupWindow with 'files/2test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/3test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 4 PopupWindow with 'files/3test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/4test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 5 PopupWindow with 'files/4test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/5test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 6 PopupWindow with 'files/5test.html' content.</a>

<a title="Click to open sample" href="javascript:;" onclick="deluxePopupWindow.open('win', 'files/6test.html', 'Window','width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite', 'iframe')">Click to open 7 PopupWindow with 'files/6test.html' content.</a>

So, the previous window will be closed and the new one will be opened.If you want to open several windows at once use different id's for each link.



Q: I just purchased your product and I’d like to generate a menu with NO DROP SHADOW effect.

Is that possible?


A: Thanks for your interest in our products.

Yes, you can do it. Try to set the following parameter:

  var shadowLen=0;


Buy Now!   ::  Free Trial Download   ::  More Info