Parent Top Self by Deluxe-Menu.com
Parent Top Self

Menu Screenshots

Parent Top Self Expanding Vertical Navigation Javascript

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 parent top self samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Drop Down Navigation Buttons Parent Top Self
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
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I am having a problem trying to figure out how to generate a link to javascript popup window.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:

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

In the 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 manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, for example:

<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

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level drop down menus. I am not talking about the backround. I mean the actual upfront button.
I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu.
Is there any way to do that?


A: You should create Individual Style and assign it for all top items.

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

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],


Q: I am trying the menu and facing one problem…

The text is too large and doesn't wrap around.. instead it makes the dhtml menu layers wider.

My dhtml menu layers needs to be 175 px only.. if there are to many characters in the link, I like it to wrap around to the next line…

Any options?

A: You should set the following dhtml menu layers parameter:

  var noWrap=0;

You can also use standard <br> tags inside item's text:

["All Card <br>Envelopes","", "", "", "", "", "", "", "", "", "", ],



Q: I've seen, that it's possible to open the linked contents for the javascript floating menu in the same or in a new window or in a frame ,but is it possible, too, to generate a new tab?Open a new tab seems to be less risky ... is there any solution to beused with Drop Down Menu? I tried to use "_tab" instead of "_self" or"_parent", but it did not work!

A: You should use _blank.
If your browser supports tabs your link will beopened in a new tab (except IE, in IE it will be opened in a newwindow).