Krpano Alert Example Javascript by Deluxe-Menu.com
Krpano Alert Example Javascript

Menu Screenshots

Krpano Alert Example Javascript Dhtml Vertical Slide Down Menu

Features

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 krpano alert example javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Dropdown Menu Slide Down Krpano Alert Example Javascript
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed krpano alert example javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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.

Recent Questions

Q: When I run the cursor over the menu, the menu images disappear for usually a split second, but sometimes for several seconds at a time. Is there a way to make the image static or keep it solid when the cursor runs over it?


A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other stat were not loaded yet.

If you don't want to have such effect you can use 1 state buttons.


Q: I was testing your suite and I like it very much, but I do have problems with IE 7 (last updates) on a winXP Pro machine. The javascript menu sample doesn't show up on the site. Do you know something about this or can you tell me what I have made wrong? I tried the normal export and also the export code for search friendly sites.

Please give me a short hint, what I must change.
Looking forward in hearing from you soon

A: Try to set exact width for the menu.

  var menuWidth="400px";



Q: I do have issues. There are not the problems when you are on the home page (you can click on one of the dropdown submenus and go there.
However, when you try to go to another page from there to another page on a nother drop down, nothing happens except javascript erros. The dropdowns physical work, in that they drop down, but the links don't go anywhere. Does that make sense.


A: See, the problem was in your dmWorkPath parameter

On all pages placed in the subfolder you should write it in thefollowing way:

<script type="text/javascript">  var dmWorkPath = "../ifnav.files/";</script>

Please, correct it.

You should also use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://www.infocusnet.org/design/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif

Please, use pathPrefix_link parameter.


Q: Would it be possible at some point to introduce more font decoration options to the mouseover variables, I would like to add bold as a mouseover font decoration, but obviously this is not possible at the moment.


A: Unfortunately, Deluxe Menu doesn't have such a feature. You can onlyset it's color. You cannot set the font of menu item bold when selected.

You should addthe following code in your data file:

function changeFont(obj, over)
{
obj.style.fontWeight = over ? 'bold' : 'normal';
obj.style.fontSize = over ? '13px' : '12px'; // You can not use this line
}

  var menuItems = [

["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Security</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Ease of Access</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Internet Options</div>","", "", "", "", "", "", "", "", ],
["|<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Windows Firewall</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Network and Internet</div>","", "", "", "", "", "", "", "", ],
["<div onMouseOver='changeFont(this, 1)' onMouseOut='changeFont(this, 0)'>Hardware</div>","", "", "", "", "", "", "", "", ],