Jsf Horizontal Menu by Deluxe-Menu.com
Jsf Horizontal Menu

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Items with icons
    - Submenus go over all page objects
    - Status string shows item labels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Hundreds of pre-designed templates
    - Transition #14 - "fade out" effect
    - Cross-frame support - menus work on frameset-based pages
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.




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

Menu Screenshots

Jsf Horizontal Menu Menu Dinamici

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your jsf horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
Layers Jsf Horizontal Menu
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
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
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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I've begun experimenting with the dhtml rollover menu program and like what I see.

Question, when I have a tree menu on the left and the user clicks a node, I want the resulting HTML page to appear next to the dhtml rollover menu, on the right hand side. How do I reposition the HTML page so it doesn't take up the whole page and cover the menu?

A: You can use frames and open link pages into the content frame, or use Iframe.

Please, set the name for your iframe, for example:

<iframe name ='myFrame' ...
<frame name ='myFrame' ...

And then you must set the following dhtml rollover menu parameter in the data file withyour menu:

  var titemTarget="myFrame";



Q: I'm trying to set the frame parameters to frame name body. I have tried seven different text items: body, _body, frame name=body, framename=body, "framename=body", the relative URL, and the exact URL in the titemTarget parameter (common parameters). Nothing seems to work. It always sets the target to a new window. What text do I need to enter for the default parameter to be the body frame target?

Also, is there a way to expand only the menus and not the submenus? There doesn't seem to be a halfway point. Either all the menus are open, or all closed. If I set the default to hidden, it is non-functional. If I set it to expanded, that's not what I'm looking for either.

The menu looks good; other than these two problems it is functioning properly.


A: Please, check the following parameter:

  var titemTarget="framename";

You can also set item target for each item
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],

Try that.

> Also, is there a way to expand only the menus and not the submenus?
You want to expand only the main items when you load your page?

If it is so you can set expanded items by default.

If you want to expand specific items by default you should set "+"symbol at the beginning of item text.

["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ], // this item is expanded by default
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif",
"default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ], // this subitem is not expanded by default


Q: How do I apply styles to submenu items that are different from the styles of top javascript drop down menu items? For instance, I want to know how to apply background images for the submenus, but not for the menu items. I also want borders around the submenu ITEMS, not just the entire submenu. Here is the link to my page with the menus. The menu I am referring to is the top right hand menu (black with grey).

A: Create Individual Item and Submenu styles and assign it to your submenu items.

  var itemStyles = [

["itemHeight=23px","itemBackImage=deluxe-menu.files/btn_black.gif,deluxe-menu.files/btn_cyan.gif","itemBorderWidth=1","itemBorderStyle=solid,groove","itemBorderColor=#2C2C2C,#FF0000"],
];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","menuBorderStyle=none","itemSpacing=0","itemPadding=0px 0px 0px 10px"],
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "", "", "",],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Assign Individual Items style to all submenu items and Individual Submenu Style for the first item in each submenu.

Q: I now have a menu that I like. Works great, but not with the Explorer browser. Works perfectly with Firefox and Opera. Doesn't work with Explorer. I tried using Explorer installed on several computers at different installations - at home, work and at a friends house. So it doesn't appear to be anything specific to my version. I don't have high security enabled.

Can you identify my problem? I've spent hours trying to fix this.


A: Please, see your menu parameters. Now you have:

  var itemBackColor = ["#0","#ffffff"];
It is not right.

You should write for example so:
  var itemBackColor = ["#0000FF","#ffffff"];


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