Transparent Vertical Menu Joomla by Deluxe-Menu.com
Transparent Vertical Menu Joomla

Template:

Youtube Style Template 2 - Drop Down Navigation Menu







    - Relative/Absolute menu position
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Filters and Transitional effects




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

Menu Screenshots

Transparent Vertical Menu Joomla Website Java Drop Down Menu Code

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
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
Dhtml Website Navigation Transparent Vertical Menu Joomla
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
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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your transparent vertical menu joomla menus easily and in no time
  • Sensible menu parameters for manual editing



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: I purchased the full package for the application. Great job!
I have no questions about generating and/or customizing DHTML menues - it's pretty straight forwards.
I am trying to find out how to generate and customize POPUP WINDOWS.


A: To assign popup windows for links on your page 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>

Change parameters of windows in data files, for example popup-window-XP.js.
Open it in any text editor.

2) 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), 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.

4) For example: open the popup-window-XP.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 <script type="text/javascript" src="popup-window-XP.files/dpopupwindow.js"></script>
<script type="text/javascript" src="popup-window-XP.js"></script>
<!-- (c) 2009, DeluxePopupWindow.com -->

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


Q: It works almost ok BUT without the use of Deluxe Tuner. It seems NOT to be able to provide such results for the creation of popups when a link is clicked (not when a page is loaded). On top of that, what am I supposed to enter in the actions tab in the popup generator?

And what is more, when I click on the 1st link I get a fine sample but when I click on the 2nd one, background colour of the 1st link appears for a about second. How do I get rid of that?

A: > On top of that, what am I supposed to enter in the actions tab in the
> popup generator?

For example you want to open a popup onMouseover, onClick oronMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')

See the attached example.

> And what is more, when I click on the 1st link here
> http://www.acting.gr/test.html I get a fine sample but when I click on the
> 2nd one, background colour of the 1st link appears for a about second. How
> do I get rid of that?

You have such effect because you use fade-effect for your popupwindows.

Q: I would like first to thank you for your products.
I downloaded the trial script and it's ok except for Hebrew or Right To Left languages.

Do you have a solution for this issue ??

A: You can use right-to-left languages the same way as in standard htmlcode.
Set "dir=rtl" for <html> tag.
Try that.



Q: Thanks for swift reply, however:
Tried the dmenu.js (only one we use) at our trial site and get the error :
Line 13
Invalid argument

- as you know this js file is obfuscated to one line, so using a debugger does not apply.

A: See the attached example. I've upgraded your javascript layer menu to Deluxe Menu v3.0.
use data file and engine files from the attachment.

You had several errors in the structure of menuItems.

It is not correct to write

 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["||| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],

You should write:
 ["| Contact us","http://www.imarex.com/home/contact_us","","","","","8","","",],
   ["|| Energy team","http://www.imarex.com/home/contact_us/energy_team","","","","","8","","",],



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