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

Template:

Orange Green Menu Template - Website Drop Down Menu






    - Cross-frame support - menus work on frameset-based pages
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Filters and Transitional effects
    - Hundreds of pre-designed templates
    - UL/LI items structure
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Image arrows




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

Menu Screenshots

Javascript Sliding Menu Google Maps Cascading Menu Tutorial Javascript

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
Cost Effective
Design Navigation Example Javascript Sliding Menu Google Maps
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
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
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



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

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

Recent Questions

Q: My site requires me to regularly update the menu by inserting a new menu item at the top of the list. Creating a sub-item automatically places it at the bottom and I haven't yet found a way to move java animated menu items to the top apart from manually editing the data.js file.

A: You should use new engine files v3.2.5 and add items using thefollowing function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0. See more info about indexes here.
iParams = [array] - the array of item parameters. This parameter has the same structure as an item in menuItems array. You can assign parameters of another existent item of the menu (for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.
Find more info:
http://deluxe-menu.com/functions-info.html



Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?

A: You can set padding parameter in the following way:

  var itemPadding="3px 15px 3px 3px";
                            top right bottom left


Q: This is al I got from the goggle code generator:

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:normal 9px Verdana;color:#000000;text-decoration:none">
</div>
<!-- End of Code for Deluxe Menu Items -->


A: You should create your menu at first and then click Tools/Generate SE-friendly Code (F3).


Q: I'm trying the deluxe menu and I'm positively impressed.

But now I'm trying to simply use javascript to add some properties to my menu.

I modified the dynamic to 1

and I get only one error in the javascript monitor telling me:

Error: dm has no properties
Source File:
http://devel.discgolf-geneve.ch:8081/docroot/dg/js/menu/data.files/dmenu_dyn.js
Line: 8



A: Please, see how you should write this function:

function dm_ext_addItem (menuInd, submenuInd, iParams)

<script type="text/javascript" language="JavaScript1.2">
dm_ext_addItem(0, 0, ["Hello", "testlink.htm", "", "", "Hello", "_blank", "-1"]);

menuInd - index of a menu on a page, >= 0. (you have written menuInd=1, but if you have one menu on your page you should write 0).
You also have written itemStyleInd=1, but you have only one style in your menu. So you should write "0" or "-1".


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