Extjs Menu Mouseover by Deluxe-Menu.com
Extjs Menu Mouseover

Menu Screenshots

Extjs Menu Mouseover Javascript Select Drag And Drop

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
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
Tab Navigation Drop Down Extjs Menu Mouseover
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed extjs menu mouseover samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your extjs menu mouseover 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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


Q: I've been trying to get the menu item in dynamic tree menu to stay highlighted when clicked on and directed to that page.

A: Tree Menu doesn't save a presseditem as it saves a tree state.
It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function apyt_ext_setPressedItem(menuInd, itemID)

<script type="text/javascript">

  var i = 4 //index of the selected item
onload=setPressed;
function setPressed()
{
dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));
}


To expand specific items you should use the following function:
dtreet_ext_expandItem (dtreet_ext_getItemIDByIndex (0, 11), 1);


Q: In the standard drop down menu scripts you show a combo box and a search text box. Where are the parameters and/or style options to do this?

A: You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
["|Index &nbsp;<select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option> Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>&nbsp;&nbsp; <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
["|Write Us", "mailto:[email protected]", ""],
["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],

["<img src='img/sep.gif' width=113 height=1>"],



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"],