Templates Menu Lateral by Deluxe-Menu.com
Templates Menu Lateral

Menu Screenshots

Templates Menu Lateral Dhtml Example Codes

Features

Cost Effective
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
Css Drop Menu Table Templates Menu Lateral
Easy Setup
  • De Luxe Tuner. GUI interface to create your templates menu lateral 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I've spent the last 30 minutes or so looking for samples on how to create a simple pop up window. I downloaded the trial, put in the html, saved the js file, etc etc. But there is no sample so I can't see exactly how to do the html.

Like, in the tuner it says to enter the ID of the link. What is this? where do I put the onClick code? where can I find the onClick code? There is a lot of info missing here.

Please send a simple template so I can see how a popup is done. Not a menu, just a popup.

A: > But there is no sample so I can't see exactly how to do the html.
You should create the pop up window in Deluxe Tuner and export it in the HTML page "File/Export/To HTML".

See more info about installation here:

http://deluxepopupwindow.com/window-installation-info.html

> where can I find the onClick code?
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 your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></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. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


Q: My question is, the down arrows only show on the main page, how do I fix this.


A: Please, check images paths within data .js file.
For example, if you have data.js file here:

c:/website/data.js

and your images are stored here:

c:/website/images/

you should set image name so (for example):

  var arrowImageMain = ["images/arrow1.gif", "images/arrow2.gif"];

If you use Tuner, you should save data .js file before you'll selectimages. When you save .js file it means that you set a root directoryfor the project, so Tuner can make all selected images with relativepaths.


Q: I am evaluating your fine menu builder application.

Please let me know the following:

a) How could I call a script instead of specifying a link?

 ["|Product A","http://dhtml-menu.com","","","",,"0",],

b) If the above is possible, please let me know how, in the called script, I could know where the call to the script come from.


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];


Q: Can I use my own images as the tabs in a dreamweaver navigation bar?

A: The Drop down menu items have the following structure:
  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

  var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
 ["|","testlink.htm", "icon3.gif", "icon3o.gif"],
 ["|","testlink.htm", "icon4.gif", "icon4o.gif"],
 ["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];