My Left Button Open Submenus by Deluxe-Menu.com
My Left Button Open Submenus

Template:






    - Relative/Absolute menu position
    - Image arrows
    - Text aligned to left
    - Cross-frame support - menus work on frameset-based pages
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Items with icons




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

Menu Screenshots

My Left Button Open Submenus Drag And Drop Javascript Examples

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

Features

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 my left button open submenus menus easily and in no time
  • Sensible menu parameters for manual editing
Html Menu Code My Left Button Open Submenus
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
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The value of dmAJAXCount = 0 (we don't set that parameter).
How exactly does this parameter work? When does it have to be set?


A: That variable set the maximal number of submenus that will be loadedfrom server on your page.

If you don't know exact number of submenus you can set a big value forthis parameter.


Q: I'm fairly new to HTML and Java. I'm using your popup window html, (its great) but do notknow how to use the "ID object" function. I'm using Frontpage as my HTML editor. The only way I can figure out how to give "a line of text" or a "Graphic" and ID is to create a "Layer". That creates an (ID) in the HTML script. But I still cannot get the pop up to work when clicking the object. How is the best way to create an object ID that will all Deluxe pop-up to recognize it?

Can I have two separate pop-up within the same html page?

One last thing...Can I create a pop up that fly's out after 10 seconds, and within that fly out have a link that opens another pop up with important info in it using the iframe feature?

This sound like novice questions, but that's me!

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 the FrontPage. Right click on this image and goto "Picture properties...", on the Appearance tab select 'Style...' and enter any text inthe ID field, for example 'open_popup'. Switch to 'Code' mode, you'll have the followingcode:

<p><img border="0" src="images/submenu-bg.gif" width="170" height="29" id="open_popup"></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. Switch to 'Code' mode andadd id="open_popup" for <a>, <div>, <img> ... tags.

> Can I have two separate pop-up within the same html page?

You can add as many popups as you want.

> Can I create a popup window html that fly's out after 10 secondsCreate popup window and set openAfter=10 parameter to it. You can find this parameter in'Actions' section.

> and within> that fly out have a link that opens another pop up with important info in it using the iframe feature?Use HTML content as window content. Set winContent parameter in 'Common' section.

Add link inside the html content:
<a title='Click to open sample' href='javascript:;' onclick=\"deluxePopupWindow.open(\'window1\', \'files/test.html\', \'Window2\',\'width=220,height=270,resizable,scrollbars=no,middle,right,fade-effect\', \'default\', \'iframe\')\">Click to open Popup Window with 'files/test.html'content.</a>
More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

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: As I have stated before, your Deluxe-Menu is very very good.

But there is allways room for improvement.

Is there any chance to see support for the following in Deluxe-Menu:

When I move the mousepointer above a menuitem and right-click I would like to see in the javascript contextual menu (the context menu provided by the browser):

Open Link in new window
Open Link in new tab

If the above is not possible or not something you want to enable.... then, there should be possible to make a workaround to make this work:

I see there is support for custom javascript contextual menus.....
.... is there any possibility to make a custom context menu that show above a menuitem and that show when right clicking on the menuitem.
Should hopefully be possible to create in such way that I create one context menu in javascript (the deluxe menu way... ) , but when clicking on "Open link in new window" from that custom menu, then the JS code should call a javascript function of mine (or yours), with a parameter related to the menuitem that was right-clicked...
And this javascript function should be able to resolve the actual URL (based on the input parameter rel. to the menuitem) and then open a new window using window.open()

If not possible to implement using the native browser context menu, then I belive it should be possible to do it using my workaround how to.....
Just a thought....
Any suggestions on how I can make the workaround work, or if maybe you could support the workaround in some way in future releases of Deluxe-Menu?

A: Yes, there is a workaround.
You can write your items in the following way:
 ["|<a href='http://www.domain.com' class="link">test test test</a>",""],

You should assign style for this link.
A.link {
...
}
A.link:hover {
...
}

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