Contrexx Horizontal Menu by Deluxe-Menu.com
Contrexx Horizontal Menu

Menu Screenshots

Contrexx Horizontal Menu Css Pop

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your contrexx horizontal menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed contrexx horizontal menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Css Javascript Drop Down Menu Contrexx Horizontal Menu
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!
Cost Effective
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



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 struggling with my menu on my site the submenu is under the main text area. How do I make the submenu come to the front.


A: Check your z-index for <DIV id=navigation>.
Try to write it, for example, so:

<DIV id=navigationstyle="Z-INDEX: 10; LEFT: 0px; WIDTH: 170px; POSITION: absolute; TOP: 5px; HEIGHT: 600px">

Try that.


Q: My site requires me to regularly update the drop down menu by inserting a new item at the top of the list.


A: Add items using the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

iParams = [array] - the array of item parameters.
This parameter has the same structure as an item in menuItems array.
You can assign parameters of another existent item of the menu
(for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.

Find more info:
http://deluxe-menu.com/functions-info.html



Q: How can I set a top menu as a link in the web tree view?
Also, some of the parent menu items don't work as a link even though areconfigured as links.


A: Actually you cannot use links for the top items in the XP Style.
But theoretically you can use links for the top items. You can write

["<a href='index.html' class='home' target="frame">Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="frame">About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],


Q: I have another question regarding the popup window. I need to use an iframe within the popup window. Is there any way I can close the onmouseover popup from the page loaded within the iframe? Something like "parent.document.getElementById('windowid').hide();". Any help would be appreciated.

A: You can close the onmouseover popup using the following function:document.getElementById('win').hide();

Unfortunately it won't work if you use iframe as window content.
You open another page in the popup (in Iframe) so you cannot accessdocument.getElementById('win').hide();
element which is situated on the first page.

When you use text or object_id as window content the content of the popup will be situatedon the same page so you can access document.getElementById('win') element and hide it.

There is a workaround.
Use text as content type and add the following code inside popup:

<a onclick="document.getElementById('win').hide();">...</a> <iframe></iframe>

Your link will work in that case.