Jquery Ui Tabs Submenu by Deluxe-Menu.com
Jquery Ui Tabs Submenu

Template:

Blue-Orange Menu Template - Horizontal Css Menu






    - Submenus automatically scrolls
    - Image arrows
    - Top items and submenus have a shadow
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Status string shows item labels
    - UL/LI items structure
    - Submenus go over all page objects
    - Several menus on one page




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

Menu Screenshots

Jquery Ui Tabs Submenu Xp Menu Bar Javascript

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

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!
Javascript Rolldown Menus Jquery Ui Tabs Submenu
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 jquery ui tabs submenu 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 jquery ui tabs submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a way to convert a dhtml javascript tree menu I created into a Deluxe Menu using the same data so I do not have to type in all the names and links of items?

A: Actually menuItems and tmenuItems have a different structure.

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
];

  var tmenuItems = [
[text, link, iconNormal, iconOver, iconExpanded, tip, target, itemStyleInd, itemXPStyleInd, jsFilename],
];

We don't have such converter yet. You can try to change your menuItems in any text editor. I suppose it will be easier to convert items in editor than in Deluxe Tuner.

Q: We are facing some problem, in our css drop menu. Please Advise -

When we used "Helvetica" font in deluxe menu, the css drop menu expand, if the above font not installed in user machine.

I would please request you to kindly assist me on the same as the client is getting impatient.

A: It is normal behaviour if there is no such font on the user machine.

You can try to write fonts in the following way:
"fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'"

  var itemStyles = [
["itemBackImage=top.files/,top.files/menuhoverbg.gif","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, , Trebuchet MS'","fontColor=#FFFFFF,#FFFFFF"],
["itemBackColor=#504B48,#7E7666","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'","fontColor=#FFFFFF,#ffffff"],
];

Find another font similar to your font and write it through a comma.If there will be no HelveticaNeue Condensed font on the user machinethe font will be Trebuchet MS.

You should choose the second font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.



Q: I've spent the last 30 minutes or so looking for samples on how to create a simple pop up window. I downloaded the trial, put in the html, saved the js file, etc etc. But there is no sample so I can't see exactly how to do the html.

Like, in the tuner it says to enter the ID of the link. What is this? where do I put the onClick code? where can I find the onClick code? There is a lot of info missing here.

Please send a simple template so I can see how a popup is done. Not a menu, just a popup.

A: > But there is no sample so I can't see exactly how to do the html.
You should create the pop up window in Deluxe Tuner and export it in the HTML page "File/Export/To HTML".

See more info about installation here:

http://deluxepopupwindow.com/window-installation-info.html

> where can I find the onClick code?
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 are experimenting with your library but can't seem to make it work. I am getting "d_ddm is undefined" in dmenu_popup.js menu script.

Could you tell me what we are doing wrong?

A: You should change

onClick="return dm_popup(1, 500, event);

to

onClick="return dm_popup(0, 500, event);

If you have only one menu on the page your menuInd = 0;

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