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

Template:






    - Image arrows
    - Items with icons
    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Horizontal or vertical orientation




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

Menu Screenshots

Parent Blank Self Top Menu Button

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

Features

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
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
Disabled Javascript Select Parent Blank Self Top
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed parent blank self top samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Pls help me with another question.

I have an horizontal menu in which the submenus drop down (as in example # 1 you have in your web).

For the first level items (which are horizontal), I do not want item spacing or itemPadding, that is:
  var itemSpacing=0;
  var itemPadding=0;

However, for the second and third level menu items, that drop down, I do need spacing and padding, like this:
  var itemSpacing=1;
  var itemPadding=1;

How can achieve this if, we have only one set of parameters??

Thank you very much and best regards


A: You should use Individual Styles.

You should set the following parameters:

  var itemSpacing = 0;
  var itemPadding = 0;

and create individual style for submenus
  var menuStyles = [
["menuBackImage=images/subm_back.gif","itemSpacing=1","itemPadding=1"], // add Spacing and Padding to the style which is used for the third level menu items.
["columnPerSubmenu=2"],
["itemSpacing=1","itemPadding=1"], //style 2
];

You should assign this style for the second and third level menu items

["DHTML Menus","", "images/icon1.gif", "images/icon1o.gif", , , , , , , , ],
 ["|The Deluxe Menu","http://deluxe-menu.com",
"images/icon2.gif", "images/icon2o.gif", , , , "2", , , , ], // assign Style 2
   ["||Features","", "images/icon3.gif", , , , "0", "0", , , , ], // assign Style 0
   ["|||First Column","", , , , , "0", "1", , , , ],
   ["|||Second Column","", , , , , "0", , , , , ],
   ["||Cross-frame Mode","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
   ["||Easy Installation","", "images/icon5.gif", "images/icon5o.gif", , , "1", , , , , ],
 ["|The Deluxe Tree","http://deluxe-tree.com", "images/icon2.gif", "images/icon2o.gif", , , , , , , , ],
...


Q: Now I need to work out how to add multiple menu's to a page? Are you able to reference these separately - is this possible.

The page that I am creating lists out notes from our system - there is a "options" button to the right of each note - when the cursor hovers over this button I want to dynamically load themenu's. On any page there could be over a 100 of these "option" buttons and the menu that would load from each option button could be different and specific to the note.


A: You can add as many menus as you want on the one page.

You should call
<SCRIPT type=text/javascript>  var dmWorkPath = "data.files/";</SCRIPT>

<SCRIPT src="data.files/dmenu.js" type=text/javascript></SCRIPT>

and then call your data files:

<SCRIPT src="data.files/data1.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data2.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data3.js" type=text/javascript></SCRIPT>

<SCRIPT src="data.files/data4.js" type=text/javascript></SCRIPT>

> The page that I am creating lists out notes from our system -
> there is a "options" button to the right of each note - when the
> cursor hovers over this button I want to dynamically load the
> menu's.

You can try to use pop up menus
http://deluxe-menu.com/popup-mode-sample.html

You may also generate a menus from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.


Q: We are using the deluxe menu in one of our projects. The menu works well on our integration system but not on our production system.

The only difference is that the integration is running on Tomcat Version 5.5.9 and the production (with the "broken" menu) on Tomcat 5.5.17.

But for me it looks more like a browser problem than a JSP problem.
Unfortunatley the Tomcat 5.5.17 is our production system so fast help is appreciated.


A: Try to set the following parameter:

  var dmObjectsCheck=1;

Make sure that you have dmenu_add.js file in the same folder withdmenu.js file.


Q: You have been great help, but this will not work for me. All I want is the dropdown menu javascript I have attached to have these colors on the seperate top items. I just cannot make the software work . As soon as I get this done I promise to leave you alone

#0000ff Find Out Who We Are
#FF00FF Apply for a Fellowship
#00ffff Fellow'sCorner
#00ff00 Enroll in a Course
#FFFF00 Engage in a Discussion
#FF0000 Read the Bulletin

A: You should create 6 Individual Styles and assign them to you topitems.

  var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];

["Find out Who we are","http://www.humanscience.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.humanscience.org/infoSnippets.cfm", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5

You can also set
  var itemSpacing=0;
to delete spacing around the dropdown menu javascript.



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