Popup Callout On Mouseover by Deluxe-Menu.com
Popup Callout On Mouseover

Template:






    - Submenus automatically scrolls
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Relative/Absolute menu position
    - Horizontal or vertical orientation
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements
    - Items with icons
    - Status string shows item labels




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

Menu Screenshots

Popup Callout On Mouseover Web Menu Tutorial

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your popup callout on mouseover menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Rollover Menue And Tutorial Popup Callout On Mouseover
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
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.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Two questions. First I get a "Error! Skin Load!" popup when my onmouseover popup window loads.
I see references to "skin.js". Is this supposed to be generated?

Secondly.

I am being really dense. I would like to use Deluxe Popup Windows in response to a mouse click on a picture. So far with deluxe Menu, I just put a statement like this:

<script type="text/javascript" src="rvmonitor.js"></script>
where I wanted the menu to show up. The web page loads and the Deluxe Menu displays.

I have managed to make the onmouseover popup window appear by using that code, the web page loads and the popup loads (with the skin error).

I know how to get a larger picture from a smaller one like this:

<a href="../images/Tige/CabinetMod/Tige_CabinetMod04.JPG">
<img class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasketmount">></a>

I just don't know how to put the rvmonitor.js into the <a href...></a> function. Could I have a simple example?

A: See, to install Deluxe Popup Window you should call two .js files onyour page:

<head>
...
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script> //engine file
</head>
<body>
...
<script type="text/javascript" src="deluxe-popup-window.js"></script> //data file
...
</body>

Copy deluxe-popup-window.files folder and deluxe-popup-window.js fileinto the same folder with your html page.

To open your window on mouse click you should do the following things:

<a title="Click to open the window" href="javascript:;"onclick="deluxePopupWindow.open('win', '<img class=\'border0\'src=\'../images/Tige/CabinetMod/Tige_CabinetMod04.JPG\' alt=\'Gasketmount\'>', 'Full Image', 'width=180,height=270,resizable,scrollbars=no,middle,right,fade-effect', 'windowsvista_graphite')"><imgmount\'>class="border0" src="../images/Tige/CabinetMod/Tige_CabinetMod04_small.JPG" alt="Gasket mount"></a>.

Q: Is it possible to change the background color of just one of the menu buttons within a javascript expand menu?

A: Yes, it is possible.
Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...

Q: I would like insert a menu in a asp webpage, but in this case the accents in the labels are not displayed.

Any idea about that?


A: You can insert any html code within menuItems, for example:

  var menuItems = [

["&Eacute;","testlink.html", "", "", "", "", "", "", "", ],


Q: The submenus are going up instead of down in the sub navigation bar.

A: You should set the following parameter:

  var subMenuVAlign="top";



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