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

Menu Screenshots

Extjs Menu Item On Mouseover How To Create Drop Down Menu Using Css

Features

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
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!
Script Javascript Extjs Menu Item On Mouseover
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

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

Recent Questions

Q: I am setting up a menu with word wrapping "on". Is it possible to have the wording in the middle of the text go to a new line?
If so, how do I do that?


A: Unfortunately, you can't do it.

You can only set the following parameter
  var noWrap=0;
and use <br> tags in the text, for example

["ffffffff<br>fffffffffffff<br>fffffffffff Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ],


Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML page linked to text.


A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add the content in HTML Content window, for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
See the attached screen.gif.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the samefolder with your index.html (root folder of your website).


Q: Do your popup menus work with Dreamweaver?

A: Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it.
To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open your .html page in Dreamweaver
3. Copy data.js file and "data.files/" folder in the same folderwith your html page.
4. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com&</a></noscript>
<script type="text/javascript">  var dmWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data.js"></script>
...
</body>

That's all.

It is possible that Dreamweaver changes some paths,
so you'll havean error in the preview.
On your site or in your browser there'll be no errors.




Q: I\'m testing out your menu system and I have a question regarding one of our current menu item\'s functionality.

Currently, I have a menu item that performs an onclick window.open function so that it opens a popup window at a certain size and with certain parameters.
Is it possible to have similar functionality with an item on your menu system?


A: You should use a Javascript code with a link field so:

["Text", "javascript:window.open('../Help/Text_Index.htm', 'Help', 'height=450,width=600,scrollbars');"]