Drop Down Menus Over Flash by Deluxe-Menu.com
Drop Down Menus Over Flash

Template:






    - Hundreds of pre-designed templates
    - Cross-frame support - menus work on frameset-based pages
    - Submenus dropdown on mouseover
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Transition #14 - "fade out" effect
    - 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

Drop Down Menus Over Flash Horizontal Menus Java

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed drop down menus over flash samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Menu Java Sample Drop Down Menus Over Flash
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menus over flash menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Thanks, we tried giving   var pressedItem=0; and the script as below:

<script type="text/javascript">
onload=setPressed;
function setPressed()
{
dm_ext_setPressedItem (0,8,0,0);
}
</script>

We are facing 2 problems

1) Two menus are getting highlighted, the "Home" and the dynamic html menu which is called onLoad using dm_ext_setPressedItem (0,8,0,0); function)

2) The submenu of the dm_ext_setPressedItem (0,8,0,0) is not getting highlighted.

A: Try to set
  var pressedItem=-2;

dm_ext_setPressedItem function has a following parameters:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)

So, if you want to highlight item in the submenu you should use itemInd of this item (notitemInd of the parent item).

For example you want to highlight submenu item of the 'Manage Users' parent item with
itemInd=15.
You can find more info about dynamic html menu indexes here:
http://deluxe-menu.com/highlighted-items-sample.html#ind

So you should write the function in the following way:
dm_ext_setPressedItem (0, 3, 15, 1, 1)

menuInd = 0 if you have only one menu on the page
submenuInd = 3, see how to determine submenuInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
itemInd = 15, see how to determine itemInd in the table

http://deluxe-menu.com/highlighted-items-sample.html#ind
recursion = 1, to highlight parent items
parentOpen = 1, to open the submenu with the selected item.

Q: Is it possible that a menuitem of the js dropdown menu stays highlighted after clicking and loading the new html site?


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.



Q: Hi, just a quick question, is it possible to change which tab is displayed when the page is first rendered.

For instance, if you have 4 tabs, going right to left, can you load the css menu tabs with the second tab being displayed first?


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

If you use
  var tabMode = 0;
  var bselectedItem = 0;

See, the ID of the item starts with 0.

So, if you use TabMode (  var tabMode=1;):

  var bselectedItem = 4;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Subitem1","testlink.html",] ID = 2
["Subitem2","testlink.html",] ID = 3
["Mac Tab 2", "content2"], ID = 4 // selected tab
["Subitem1","testlink.html",] ID = 5
["Subitem2","testlink.html",] ID = 6
["Mac Tab 3", "content3"], ID = 7
["Subitem1","testlink.html",] ID = 8
["Subitem2","testlink.html",] ID = 9
["Mac Tab 4", "content4"], ID = 10
["Subitem1","testlink.html",] ID = 11
["Subitem2","testlink.html",] ID = 12

If you use tabs (  var tabMode=0;):

  var bselectedItem = 2;

["-", ] - separator, ID = 0
["Mac Tab 1", "content1"], ID = 1
["Mac Tab 2", "content2"], ID = 2 // selected tab
["Mac Tab 3", "content3"], ID = 3
["Mac Tab 4", "content4"], ID = 4


Q: I’ve tried every configuration available—absolute and relativepositioning and so on. I can’t get the menus to display correctly.

I have to offset the topDX by -150 and so on just to fudge it into a CLOSE position…it certainly doesn’t mirror the preview window


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "position" attribute of the object if the object doesn't have this property within inline style(style="position:absolute"). To get the value you should move .css style into style="" attribute.

Please, try to add your

css file -> inline css, for example:

You should add style="position:absolute;"

to the

<DIV id=navholder>

So, you'll have:

<DIV id=navholder style="position:absolute;">


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