Css Transmenu by Deluxe-Menu.com
Css Transmenu

Template:

Amazon Style Template - DHTML Pop Up Menus
 
Website Title      







    - Several menus on one page
    - Items with icons
    - Filters and Transitional effects
    - UL/LI items structure
    - Status string shows item labels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Css Transmenu Sample Code For Creating Menu And Submenu Using Javascript

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

Features

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
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
Menu On Mouse Over Css Transmenu
Easy Setup
  • De Luxe Tuner. GUI interface to create your css transmenu menus easily and in no time
  • Sensible menu parameters for manual editing
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
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: What command that I use the HTML code that will be showing in the html javascript popup to close window?

A: Try to use the following functions to show and hide popup window:

deluxePopupWindow.open()
hide()
For example you should write:

["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site', 'width=590,height=350,resizable,scrollbars,minimizable,fullscreen,centerscreen,move-effect=top,,opacity=1,floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]
Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:

<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>

See more info:
http://deluxepopupwindow.com/window-installation-info.html

Q: Where can I find the onClick code for the html javascript popup?

A: See 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>

So, 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.

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


Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure your javascript menu generator for vertical menus?

A: Yes, it is possible.
You should set the following parameter:

  var isHorizontal=0;

Q: I have a popup that in one of the submenus has an input field.
There is a problem – if the user clicks into the entry field,
but moves the mouse outside the php dhtml menu,
the menu can close while the user is still typing.
Is there any way to prevent that from happening?


A: You can make submenus to stay visible till you click outside the menu or scroll your page.
To enable this feature you should set the following parameter:

  var smHidePause=-1;


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