Javascript Sliding Menu Google Maps by Deluxe-Menu.com
Javascript Sliding Menu Google Maps

Menu Screenshots

Javascript Sliding Menu Google Maps Dhtml Expand Menu

Features

Cost Effective
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!
Transparent Dhtml Men C Bc Javascript Sliding Menu Google Maps
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript sliding menu google maps menus easily and in no time
  • Sensible menu parameters for manual editing
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript sliding menu google maps samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: When the html tab menu is initialized can you not have any selected tabs?
I do not want to select any tabs when the menu is initialized for some cases.

A: No, unfortunately it is not possible. Some top item should behighlighted.

But you can try to add separator in the beginning of the menu and set:
  var bselectedItem=0;
  var bseparatorWidth="0px";

  var bmenuItems = [
["-",],
["   Deluxe Menu","content1", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tree","content2", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Deluxe Tabs","content3", "img/icon_ie.gif", "img/icon_ie.gif", "img/icon_ie.gif", "", "", "", "", ],
["   Contact us","content4", "img/icon_mail.gif", "img/icon_mail.gif", "img/icon_mail.gif", "", "", "", "", ],
];




Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

  var menuStylesNames=["Top Menu","width1","width2",];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

 ["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

 ["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],



Q: I am having a problem trying to get my scrolling menu javascript to work correctly with frames.

My web page is frame based. There are THREE (3) Rows. The top roe is "header" and the bottom row is "footer". The center row is divided into TWO (2) columns. The left is "contents" and the right is "main". This is a very standard configuration.

I have created a menu called "member-menu" and added it to the "content" html file. I have edited the "member-menu.js" file to add the "dm_initFrame("FrmSet",0,1,0); at the end of the file. Using the instruction provided when the scrolling menu javascript was saved. I then uploaded all of the required file to my server. At this point everything is fine, I go to a password protected page in the "\members" folder and this seems to work also. When I try to go to a "submenu" it wants to expand to the right in the "content" FRAME. I need it to expand into the "main" FRAME on the right.

I know that I am doing something wrong. I have read the instructions a dozen times and can't find the problem.

A: You should write the ID of your frames correctly, for example now youhave:

header - 0
contents - 1 (frame with the menu)
main - 2 (frame with submenus)
bootom - 3

In that case you should write init function in the following way:

dm_initFrame("FrmSet",1,2,1);

where - dm_initFrame("FrmSet",frame with the menu,frame with submenus,1);

Try that.

See more info here:
http://deluxe-menu.com/cross-frame-mode-sample.html


Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?


A: You should write, for example, so:

["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],