Onclick Dynamic Vertical Popup Menu by Deluxe-Menu.com
Onclick Dynamic Vertical Popup Menu

Template:

Black Red Menu Template - CSS Menu Pulldown






    - Filters and Transitional effects
    - Status string shows item labels
    - Submenus dropdown on mouseover
    - Submenus automatically scrolls
    - 85% transparency for sub menus
    - Hundreds of pre-designed templates
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - UL/LI items structure




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

Menu Screenshots

Onclick Dynamic Vertical Popup Menu Vertical Javascript Mouseover Menu

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

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your onclick dynamic vertical popup menu menus easily and in no time
  • Sensible menu parameters for manual editing
Jscript Sample Onclick Dynamic Vertical Popup Menu
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!
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Thank you for your prompt reply. But i was wondering where should I paste this code? Can you please explain the working of the javascript toolbar menu function
dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

I have 5 items in the javascript toolbar menu : Admin Options, Status Report, Remarks, Edit Profile, Data Entry.

I want to disable some fields for different users.
I have 3 role id's set in my database.
I want certain fields disabled for different users.
For eg : For Roleid =1 , i.e admin , I want all items to be visible.
For Roleid =2 , i dont want the Admin Options to be visible.
For Roleid=3 , I dont want Admin Options & Status reports.

Can you please elaborate on the working of the changeItemVisibility function. I was confused as there were no examples to demonstrate the code.

A: Notice also that you should set

  var dynamic=1;

parameter to use API functions.



Q: I got the menu to display across frames, but it displays differently in Firefox & Mozillavs. Internet Explorer. Is that to be expected?

In The Mozilla-based browsers, the submenu butts right upunder the main menu – which is how I want it. In IE, it is about 10 pixels below.

Also, I can’t get the submenus to drop down directly under the main menus – they are offset by about 100 pixels to the right.

A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.

You should create the following frameset structure:

--|------------
   | menu
--|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.



Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: I am designing a tree menu. I want the text blue on a transparent background. What parameter do I change to set the transparent background in expanding dhtml menu?


A: You should set the following parameters:

  var tmenuBackColor="transparent";
  var titemBackColor=["transparent","#D5E8FF"];


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