Joomla Menu Picture Slide by Deluxe-Menu.com
Joomla Menu Picture Slide

Template:

Adobe Style Template - Sliding Menu







    - UL/LI items structure
    - Filters and Transitional effects
    - Status string shows item labels
    - Submenus go over all page objects
    - Sound support!
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Joomla Menu Picture Slide Web Pull Down Menu

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

Features

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!
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
Javascript Drop Menu Code Joomla Menu Picture Slide
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
Cost Effective



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

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Our company has been using the trial version of Deluxe Menu and was satisfied enough with initial integration efforts to acquire the license version.

We are interested in making our main dhtml rollover menu items a constant width, but the data.js parameters (  var menuWidth="800px";   var menuHeight="30px";   var smWidth="";   var smHeight="";) don't seem to give us that capability. We dynamically remove main menu items based on user roles and when we do the main menu always re-sizes and the remaining main menu item widths no longer match our sub-menu widths. We're able to adjust for this by using the API but that seems to be a lot of unnecessary coding. If we could keep each main menu item a fixed width, our sub-menu widths would not have to change.

Do you have information on how to accomplish fixed main menu item widths, even better would be an example?

A: Actually you can specify the width and of all or individual dhtml rollover menu items or submenus usingIndividual Item/Submenu styles.

Q: I replaced the code you suggested and I downloaded the current version of Deluxe-Tuner. I also removed the Javascript roll-overs I had elsewhere on the page and created the text.

I still get 'Error on page' when I hover over the first java scrolling menu item.

Please help! I need to buid this site out by Monday.

A: Now you have several errors in your data file:

  var menuBackColor="f9f9ec";

You should write:
  var menuBackColor="#f9f9ec";

The following parameters cannot be empty:
  var menuBorderWidth="0";
  var itemBorderWidth="0";

It is not correct to write the java scrolling menu parameter in the following way:
  var itemBorderStyle=["1px","1px"];

You should write:
  var itemBorderStyle=["none","none"];

If you want to add borders in the subitems you should write:
  var itemBorderWidth="1";
  var itemBorderColor=["#c59d1f","#c59d1f"];
  var itemBorderStyle=["solid","solid"];

And to remove border from the top items you should create Individualstyle and assign it to the top items:
  var itemStyles = [
["itemBorderWidth=0","itemBorderStyle=none,none"],
];

["","", "/images/nav_OFF_01.gif", "/images/nav_ON_01.gif", "", "","0", "", "", "", "", ], //assign style 0
["","", "/images/nav_OFF_02.gif", "/images/nav_ON_02.gif", "", "", "0", "", "", "", "", ], //assign style 0
...



Q: My tree menu has a white border around it. I want NO border. I have experimented with the Menu Appearance items in the "variables" section with no luck.

Lastly, I'm not sure where to put the link code. It's not clear in the documentation.


A: Please, set the following parameter:
  var tXPBorderWidth = 0;

> Lastly, I'm not sure where to put the link code

I'm not sure I understand you. Link is the second parameter in the tmenuItems array.
   ["||about the AAUCM","http://www.614designs.com", , , , , , "3", , , , ],

More info you can find here;
http://deluxe-tree.com/menu-items-info.html


Q: We are an enterprise license holder and have recently purchased Deluxe Menu and are transitioning to it smoothly except for one minor annoyance; the first dhtml div menu item's submenu always has a gap between the browser’s left side as shown below. This happens for Internet Explorer 6, 7 and Firefox 2 and 3.04b.

If I move the menubar to the right about ten pixels, the submenu's left side will line up with the word "Search" as it should. Every other submenu on the dhtml div menu appears directly beneath its menubar item except for the very first one on the left. I’ve tried using a few of the example configurations but they all experience the same behavior.

The installation is in a multi-framed environment.

A: You should change dmenu.js file. Open it in any text editor and find:

space=15;

Change it to:

space=0;



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