Javascript Change Div From Jumpmenu by Deluxe-Menu.com
Javascript Change Div From Jumpmenu

Template:

Olive Menu Template - DHTML Navigation Menu






    - Transition #14 - "fade out" effect
    - Status string shows item labels
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - UL/LI items structure
    - Sound support!
    - Inactive/Disabled items
    - Submenus go over all page objects
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Javascript Change Div From Jumpmenu Javascript Pop Up Menu Right Click

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
Cost Effective
Dhtml Vertical Expand Menu Javascript Change Div From Jumpmenu
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
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



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: The popup menu gives the (first) menu of the top menu. I need of course for this to be the menu of the popup.


A: Installation of your menu is not correct.

Now you have:
1) There is no need to call dmenu_popup.js file. You should delete thefollowing line:
<script type="text/javascript" language="JavaScript1.2" src="dmenu_popup.js"></script>

2) Where you call source_pop.js file for Popup menu?
You should add:
<SCRIPT language=JavaScript1.2 src="menu_files/source_pop.js"type=text/javascript></SCRIPT>

3) The ID of your Popup menu is 1. Now you have ID - 0.
<img src="testimage.gif" width="200" height="200" onClick="return dm_popup(0, 9000, event);" style="cursor:hand;">

you should write:
<img src="testimage.gif" width="200" height="200" onClick="returndm_popup(1, 9000, event);" style="cursor:hand;">


Q: I need to have a horizontal menu and a vertical menu on the same page (obviously with different content). I did this as two separate "projects" in the tuner and gave them different names so that the files wouldn't step on each other. However, it looks like only the second menu works, though it does show both. I assume it has something to do with the variable dmWorkPath overriding the first value with the second. How can I have two menus each with different content on the same HTML page?


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only once.

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->


Q: With menu tabs, I'm trying to dynamically set the bselectedItem parm, using php. If I set bselectedItem to anything other than 0, the submenu goes away and the main html tab javascript is not highlighted.
If I set to 0, everything works.


A: See, if you use Tab Mode
  var tabMode = 1;

  var bselectedItem = 0; //main items
  var bselectedSmItem = -1; //submenus

So you should set:
  var bselectedItem = 0; //main items (0;7;14;21;25)
  var bselectedSmItem = -1; //submenus (1;2;3;4;5....)


Q: Can I use javascript to get the object (getElementByID). If not howdo I hide my dropdown menu on print?

A: You can add a new button to print your page and call onClick event, soyou should write:
<body ....
onClick="document.getElementById('dm0m0').style.visibility='hidden'; window.print();">
...
</body>
Or you can use the same javascript code from your menu item.

For example:
  var menuItems = [
["Print", "javascript:document.getElementById('dm0m0').style.visibility='hidden';
window.print();", icon1, icon2],
];
But if you want to hide the menu when your customers push "File/Print"you should write so:
You must create two functions, for example:

function myprint()
{ document.getElementById('dm0m0').style.visibility='hidden';
window.print();
}
function myprint2()
{ document.getElementById('dm0m0').style.visibility='visible';
window.print();
}
You should add this functions into your code.

And then you must write so:

window.onbeforeprint = myprint;
window.onafterprint = myprint2;


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