Dhtml Dropdown Overlapping Page Text by Deluxe-Menu.com
Dhtml Dropdown Overlapping Page Text

Template:

Google Style Template - Dhtml Pop Up Menu






    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow
    - Sound support!
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Dhtml Dropdown Overlapping Page Text Dhtml Popup Right Click

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml dropdown overlapping page text 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 dropdown overlapping page text samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Pulldown Menue Examples Dhtml Dropdown Overlapping Page Text
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!
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
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



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

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

Recent Questions

Q: Where can I find the onClick code for the html javascript popup?

A: 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: We'd like to underline dhtml pop up menu items on hover but we can't do it with those spaces.

A: To set align for the one dhtml pop up menu item only you can use the following method:

instead of

["email a temp expert&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;","email.html", "", "", "", "", "15", "", "", "", "", ],

you can write:

["<div align=left>email a temp expert</div>","email.html", "", "", "", "", "15", "", "", "", "", ],

and set fontDecoration=none,underline style for this item:

["itemWidth=248px","itemHeight=41px","itemBackImage=dd-data.files/emailatemp.JPG,dd-data.files/emailatemp.JPG","fontStyle='bold 11px Arial',''","fontColor=#005D8C,#002030","fontDecoration=none,underline"],



Q: How change the color of the link in the dhtml vertical menu if the link is already visited.

A: Deluxe Menu has only two states normal and mouseover,
butyou can highlight menu items in two ways:

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript"<  var pressedItem=3;</script>

...<script type="text/javascript" src="menudir/data.js"></script>
You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.
You can find more info here:
http://www.deluxe-menu.com/highlighted-items-sample.html



Q: I want to make a Treemenu with AJAX.

If I look in the dhtml menu tool preview all is good.

But if I put it in a html, it does not function anymore.

I'm using Version 3.2.6.12 (you sent me a while ago)

A: There is a bug in the current version of Deluxe Tuner. It doesn't saveengine file for AJAX menu - dtree_ajax.js.

Please, copy it manually now. We'll correct this bug in the nextversion.

You should also add tWorkPath parameter in your html page.
<!-- Deluxe Tree -->
<noscript><a href="http://deluxe-tree.com">dhtml menu tool by Deluxe-Tree.com</a></noscript>
<script type="text/javascript">  var tWorkPath="menu.files/";</script>
<script type="text/javascript" src="menu.files/dtree.js"></script>
<!-- (c) 2006, http://deluxe-tree.com -->

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