Dhtml Faqs by Deluxe-Menu.com
Dhtml Faqs

Menu Screenshots

Dhtml Faqs Js Menu Maker

Features

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
Html Dropdown Menu Example Dhtml Faqs
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 dhtml faqs menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml faqs 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.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Couple last questions. I have 25 icons (images) on one page. Each image needs it's own popup menu. Obviously I now have the first one working. How and where do I define IDs number 2-24 ? Does each icon need it's own "source_" file?

Also, where is it defined that the popup menu is ID 1 ?


A: > Also, where is it defined that the popup menu is ID 1 ?
Each menu has ID. The ID's number starts with 0.

So, when you have several data files on your page you have such ID's:

<script type="text/javascript" language="JavaScript1.2" src="menu-top.js"></script> // ID - 0

<script type="text/javascript" language="JavaScript1.2" src="source_pop.js"></script> // ID - 1

<script type="text/javascript" language="JavaScript1.2" src="source_pop1.js"></script> // ID - 2

<script type="text/javascript" language="JavaScript1.2" src="source_pop2.js"></script> // ID - 3

<script type="text/javascript" language="JavaScript1.2" src="source_pop3.js"></script> // ID - 4

and so on.

> I have 25 icons (images) on one page. Each image needs it's own popup menu.
If you want to have different Popup menus (there color, item, text,font and so on) you should create 25 different .js files with yourparameters. And call them from your page, for example:

<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop1.js" type=text/javascript></SCRIPT>
<SCRIPT language=JavaScript1.2 src="source_pop2.js" type=text/javascript></SCRIPT>
...
<SCRIPT language=JavaScript1.2 src="source_pop24.js" type=text/javascript></SCRIPT>

If you have different item text only you can use one
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
file. But you should delete the following code:

  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();

and move it to the html page:

<body>
...
<SCRIPT language=JavaScript1.2 src="source_pop.js" type=text/javascript></SCRIPT>
<script type="text/javascript"> //first popup menu ID - 1
  var menuItems = [

["Next","testlink.htm"],
["Prev","testlink.htm"],
["Close","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //second popup menu ID - 2
  var menuItems = [

["Text","testlink.htm"],
["Text1","testlink.htm"],
["Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
<script type="text/javascript"> //third popup menu ID - 3
  var menuItems = [

["New_Text","testlink.htm"],
["New_Text1","testlink.htm"],
["New_Text2","testlink.htm"],
];

dm_init();
</SCRIPT>
...
<script type="text/javascript"> //twenty fourth popup menu ID - 3
  var menuItems = [

["New","testlink.htm"],
["New","testlink.htm"],
["New","testlink.htm"],
];

dm_init();
</SCRIPT>

<img src="testimage.gif" width=200 onClick="return dm_popup(1, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(2, 1000, event);" style="cursor: hand;">
<img src="testimage.gif" width=200 onClick="return dm_popup(3, 1000, event);" style="cursor: hand;">
...
<img src="testimage.gif" width=200 onClick="return dm_popup(24, 1000, event);" style="cursor: hand;">
...
</body>



Q: Cross-frame mode: after clicking on a menu item and the subframe is loading and then mouse over the menu when the subframe has not finished loading a javascript error occurs and then the javascript vertical menu breaks.

A: You can get this error when you load pages from the another domain.

Deluxe Menu can support this mode for the same domain only -- ifyou loaded a page to a subframe from another domain, the submenuscan't be shown in it. It happens because all browsers don't allow todo that for security reasons. Just imagine if you'll able to create aframeset from 2 frames, 1st frame will be with a zero height-width,and you'll load your page into it. Then user will go to another domainand your "invisible" frame will change a content of other pages!



Q: I ordered & installed the dhtml collapsable menu.
I can't seem to get the floating function to work. Here's how I have the variables set in the data-tree.js file:

  var tfloatable = 1;
  var tfloatIterations = 10;
  var tfloatableX = 0;
  var tfloatableY = 1;

And here are the links to the .js files in my HTML doc <head>:

<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">JavaScript Tree Menu by Deluxe-Tree.com</a> </noscript>
<script type="text/javascript">  var tWorkPath="tree-menu/";</script>
<script type="text/javascript" src="tree-menu/dtree.js"></script>
<script type="text/javascript" src="tree-menu/dtree_add.js"></script>
<script type="text/javascript" src="tree-menu/dtree_ajax.js"></script>
<script type="text/javascript" src="tree-menu/dtree_dyn.js"></script>
<!-- Copyright (c) 2006, Deluxe Tree, deluxe-tree.com -->

Please let me know if there are any other settings that need to be changed. I'm hoping to go live with this site wed. so a quck reply is appreciated.

A: Notice, your dhtml collapsable menu won't float with relative position. You shouldset:

  var tabsolute=1;



Q: I came across your program through a link on the Internet. The menu script displayed was DHTML Menu Demo #23 displayed on
http://dhtml-menu.com/dhtml-samples/menu2752.html

- this is the only menu I am interested in as it has the capability of positioning the menu script relative to an existing table in the HTML coding of the page. I already have a vertical scrolling menu with several features visitors. We are moving our website to our own server and are doing some updating to make it more attractive when viewed at different resolutions. If you look at the source coding for the page (yes, it's almost exclusively in HTML - it usually views well on any browser) you will see that ALL the content is enclosed in a table which is centered on the page allowing it to be completely viewed at any resolution of 800 x 600 or greater. But the scripting I'm using ( /* Created by Randy Bennet...) uses the left margin of the browser window as left margin of the page. If it could be written so that the left margin of the existing (and centered in the browser window) table would be the point from which the left corner of the "object1" was measured, then the page would view nicely at any resolution. But I cannot find out how to do this from your "newer version".

A: You can create the same menu using Deluxe Menu:
http://dhtml-menu.com/dhtml-samples/menu2752.html

To install Deluxe Menu in the table cell with center alignment youshould use relative position for the menu:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

And install it on your page in the following way:

<table>
<tr>
<td align="center">
<script type="text/javascript" src="deluxe-menu.js"></script>
</td>
</tr>
</table>