Dhtml Css Popups by Deluxe-Menu.com
Dhtml Css Popups

Menu Screenshots

Dhtml Css Popups Examples For Menu

Features

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
Cascading Dropdown Menus Dhtml Css Popups
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml css popups samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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 css popups menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: Now I experiences a problem with the Danish letters in the dhtml drop down menu generator! I have changed the letters in the scriptfile - but this does not work.

Have we a problem with Danish letters?

A: Notice that you should have UTF8 charset on your page too:
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">

You can also use another charset on your html page and open your data file in text editor, enter thissymbols and save data file in the way you save your html page.

Notice that you should turn off "Tools/Use utf8 encode" setting inorder to open your data file correctly in Deluxe Tuner.



Q: I'd like to buy a template for creating a basic vertical javascript popout menu that is image based. Can you tell me which of your products I should consider buying? I'm familiar with html, but not other programming languages.

A: If you want to create javascript popout menu you should buy Deluxe Menu,
http://deluxe-menu.com

See the example here:

http://deluxe-menu.com/image-based-menu-sample.html

You can also use your own images for the menu items.
If item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]

Please, try the trial version at first. It has full functionality.



Q: I have setup some tabs on a site that I am designing and for some reason when I click on a drop down menu links tab and it links to another page it automatically highlights the first tab in the row. I have tried fiddling with it and have not been able to figure it out. Can someone point me in the right direction to have the correct tab selected after i click it and goto the page.

A: Deluxe Tabs doesn't support API functions which can return theselected drop down menu links tab.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" drop down menu links parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

Try that.



Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?

A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
  var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write so:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;