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

Template:

iPhone 8 Template - Collapsible Drop Down Menu






    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Image arrows
    - Filters and Transitional effects
    - Horizontal or vertical orientation
    - Sound support!
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Javascript Context Menu Javascript On Mouse Over 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!
Cost Effective
Transparent Navigation Bar Javascript Context Menu
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
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



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

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: What do you recommend for "remembering" the tab in the js tab menu,
so that when the page reloads the correct tab is highlighted.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=^lt;?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>



Q: I have seen a certain menu effect on a few websites and have so far been unable to reproduce it in simply HTML/CSS. Today I saw the effect on a website, looked at the source code and it appears they are using some of your code.

I have a fairly typical screen layout with a menu bar on the left hand 10% of the screen and the main screen content on the right 90%. Some of my screens get very long, so that when you scroll all the way down to the bottom, the menu is left way up off screen. I would like the menu block to move down so that it is always a certain number of pixels below the top of the viewed screen, not the absolute top of the page. Is this something your software does? If so, which one of your products?


A: You can create such menu with Deluxe Menu.
You should use floatable menu, so you can always see the menu.
But to use the floatable feature

  var floatable=1;

you should use the absolute position for the menu

  var absolutePos=1;
  var posX="10";
  var posY="10";

Please, try the trial version of the menu.


Q: The only remaining problem I see is that the dhtml popup menu appears in slightly
different positions depending upon where your mouse touches the icon.

Is there a way to make the menu position absolute in respect to the icon?
I have tried playing with the menu item parameters that seemed related with no success.

A: See dm_popup() function parameters:

return dm_popup(menuInd, pause, event, x, y)
menuInd - index of the menu on a page, >= 0.
pause - determines the time when the menu will be hidden.
event - constant. Do not change.
x, y - optional. Set these parameters if you want the menu to appear in the specified place.
In other case the menu will be shown in the mouse position.

Q: The buttons show up just fine in IE, but not in the other browsers. I am using Frontpage for my html.


A: Your file names are incorrect.
For example, now you have:
Button gold side 2 NEW.GIF
Button purple side 2 NEW.GIF

Firefox and Opera cannot open a file with blanks in the name.

Please, rename your files, for example:

Button_gold_.GIF
Button_purple.GIF

Your menu will work fine.


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