Javascript Context Menu Example by Deluxe-Menu.com
Javascript Context Menu Example

Template:

iPhone 3 Template - Cross Browser Dhtml Menu






    - Several menus on one page
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - Top items and submenus have a shadow
    - Personal CSS styles for separate menu elements
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects




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

Menu Screenshots

Javascript Context Menu Example Fading Dhtml Menu Javascript

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

Features

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
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
Code Samples For Creating Menu Using Java Script Javascript Context Menu Example
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 javascript context menu example 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 javascript context menu example 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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I now have a tree on the left and an embedded frame on the right. When a user clicks a node, the corresponding html page appears in the frame.

Is there a method I can use when a user clicks a node, the web page will jump to a certain location in the page (menu dhtml hhyperlink)? I'm envisioning using one long web page instead of 30 or 40 separate pages. But I would need the program to work with a hyperlink to know where to jump to.

A: See the structure of tmenuItems array:

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

You can set link and target menu dhtml parameters for each item individually,for example:

  var tmenuItems = [
["Home","files/homepage.html","","","","Home","topframe","","",""],
["Contacts","files/contacts.html","","","","Contacts","bottomframe","","",""],

You can also send us the example, so we can understand your problem.



Q: I updated the files you talked about. I can see the javascript cascading menu on most computers, but not all. I am sorry to ask the same question over but my problem is persisting with some computers.

A: It is not correctly to add # symbol before the top item. This itemwill be hidden.

You can find more info here:
http://deluxe-tree.com/menu-items-info.html

Now you have:
["#FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],

You should write:
["FCLWD-SFCSD Home","http://www.fclwd.com/", "", "", "", "", "", "0", "0", ],



Q: In the javascript pulldown menu submenu width seems not to work in FF...

A: You should specify units in "px".
  var itemStyles = [
["itemWidth=208px"],
];
  var menuStyles = [
["smHeight=200px"],
];



Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.

If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.

A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.

  var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
  var arrowImageMain=["data.files/arrv_white_1.gif",""];
  var arrowImageSub=["data.files/arr_white_1.gif",""];

or

  var pathPrefix_img="";
  var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
  var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""];

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