Windows 7 Dropdown Menu Expands Left by Deluxe-Menu.com
Windows 7 Dropdown Menu Expands Left

Template:

Dark Orange Menu Template - CSS Dhtml Menu






    - Submenus automatically scrolls
    - Text aligned to left
    - Status string shows item labels
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Submenus go over all page objects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Windows 7 Dropdown Menu Expands Left Vertical Flyout Menu Css Javascript

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your windows 7 dropdown menu expands left menus easily and in no time
  • Sensible menu parameters for manual editing
Java Tree Menu Example Windows 7 Dropdown Menu Expands Left
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
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
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 system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: When doing a multi-frame frameset (1 top frame, 2 bottom frames) like this:

<frameset ID="frames" ONLOAD="getBottom()" ROWS="50, *" BORDER="0" FRAMEBORDER="no" FRAMESPACING="0">
   <frame NAME="frmTop" SRC="top.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0" />
    <frameset ID="bottomFrames" cols="171,*">
     <frame name="frmLeft" src="left.htm" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZE FRAMEBORDER="0"/>
     <frame name="frmMain" MARGINHEIGHT=0 MARGINWIDTH=0 SCROLLING=NO NORESIZEFRAMEBORDER="0" />
    </frameset>
</frameset>


And using the dm_frameinit like this:
dm_initFrame("[object]", 0, 2, 0);

it works fine in IE -> the menus are displayed exactly under the text and in the bottom right frame.

However, in Firefox, the menu drop down is displayed to the right of the top menu text, and exactly the number of pixels as the width of the left frame.

Perhaps there needs to be some FireFox checking to fix this?
Can you help me with that?


A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.

You should create the following frameset structure:

 --|------------
   | menu
 --|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.


Q: I see you have a right click in expanding menu javascript, is this function available in Deluxe Menu?


A: Unfortunately, you can't assign onmouseover/onClick/onContextMenu event to each item.

However, you can achieve this by using standard html objects within items, for example:

  var menuitems = [
["<div onContextMenu='your_code_here'>item text</div>", ""]
];


Q: Also, I was wondering about adding some css (style="cursor:pointer") so when someone is over the javascript pop menu it will turn into a hand and the user will know it is clickable.

A: Set the following javascript pop menu parameter:

  var itemCursor="pointer";



Q: Can I expand all tree category, or expand two tree category?

I like your javascript menu expand product.

A: You can expand all items in Deluxe Tree, set:

  var texpanded=1;

To expand specific items you should add "+" sign before item's text:

["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
 ["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
   ["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
   ["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],



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