Jumpmenu Javascript by Deluxe-Menu.com
Jumpmenu Javascript

Menu Screenshots

Jumpmenu Javascript Dhtml Movable Menu

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jumpmenu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your jumpmenu javascript menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Dhtml Make Horizontal Drop Down Menu Jumpmenu Javascript
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

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.

Recent Questions

Q: How can I from javascript code change a displayed tab selection to another one in the dynamic menu tabs... lets say from first tab to the third tab?


A: This Tabs menu can save pressed item automatically within1 page only.
If you open another page, the menu can't remember presseditem.
You should do that manually using Javascript and menu parameters
(  var bselectedItem and   var   var bselectedSmItem) or using any server-side script (php, asp, etc.)

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

If your site is written on PHP you can set "bselectedItem" and "varbselectedSmItem" parameters
based on your link beforeyou call your data file.

For example, move "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=<?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>

Try that.



Q: I do not understand how may I include content in each tab in the , may you send to me examples or more information?

A: See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.
["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],  ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for
example:javascript:alert(\'Hello!\')
So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Jump Menu number of rows - Ajax & JavaScript - Forums - DMXzone.COM

Hi Guys, My situation is that Firefox does not display all my pull down menu items at once. I requires for the user to scroll

/website/forum/func/jumpMenu.php - hydrogen - Trac

15, <script type="text/javascript">. 16. 17, function jump(){ ... 31, <select name="goto" id="goToLink" onchange="javascript:jump()">

modify Dreamwvr jump menu to open in new window [Archive

[Archive] modify Dreamwvr jump menu to open in new window JavaScript. ... < SCRIPT language="JavaScript">

How to attach GA tracking code to a Jump Menu - Google Analytics Help

I have a jump menu, on domain.com as follows, which links to a ... The Javascript: function MM_jumpMenu(targ,selObj,restore){ //v3.0

Who codes with noscript alternatives? - University Web Developers

That way, if the user has javascript disabled, the jump menu (an HTML select element with a list of pages/locations to which the user can go

trouble with template

<script type="text/javascript"> ... <script language=JavaScript> .... <select name="menu" onchange="location=document.jump.menu.options

Jump Menu to Show/Hide Layers [Archive] - WebDeveloper.com

Mar 24, 2006 ... [Archive] Jump Menu to Show/Hide Layers JavaScript. ... Click to See Complete Forum and Search --> : Jump Menu to Show/Hide Layers

from Jump menu = new window - HTML, XHTML, and DHTML - Forums

Under Insert Jump Menu Dialogue box, the only option I am able to select is: ... &lt;script language="JavaScript" type="text/JavaScript"&gt;

Jump Menu with Popups [Archive] - WebDeveloper.com

I have a Jump Menu <script language="JavaScript"> <!-- function MM_openBrWindow( theURL,winName,features) { //v2.0 window.open(theURL,winName,features);

Jump Menu Problem - jQuery Forum

Hello, I'm trying to make a jump menu using this selectboxes plugin but am ... < script type="text/javascript" src="/js/jquery-1.4.2.min.js"

Gossamer Forum: General: Internet Technologies: function

I'm using the folowing javascript function to do jump menu using three drop down list.. function MM_jumpMenu(targ,selObj,restore){ //v3.0

Discussion Forum Tutorial - Home Theater Forum Community

Understand The Icons; Read All New Posts or Help Beta Test The New Activity Feed ! Use The "More Forums" Jump Menu; Go To The First Unread Post In A Thread

jump menu wont link to iframe - WebDeveloper.com

jump menu wont link to iframe HTML. ... change "content" to the name of your

Links to Twitter and Indeed.CA (Page 1) - General discussion

<script type="text/javascript"><!--. indeed_jobroll_format = "120x600"; ... Forum quick jump menu. Go to selected forum

Using Moodle: Help with Javascript - drop down menu

<select name="menu" XonChange="location=document.jump.menu.options[ ... I've read the Moodle Doc for javascript templates but I'm still very

nwcaching.co.uk • View topic - Geocaching Greasemonkey scripts for

Adds a quick jump menu to the top-right corner of each page on ..... a C# person so might have missed something in the Javascript syntax)

Populate a jump menu with list summary/collection data

Nov 21, 2007 ... I'd like to populate a jump menu (drop-down list) with either a list summary or a collection. Does anyone have any good ideas on how to get

Display Taxonomy List as Jump Menu/Dropdown ... - Studiograsshopper

Feb 28, 2011 ... Display Taxonomy List as Jump Menu/Dropdown Instead of List ... Then, JavaScript is used to jump to the appropriate page when a user selects

Navbar Forumjump- Adds a DHTML "Forum Jump" menu to your Navbar

With this mod, you simply click the "Forum Jump" menu, .... Michelle's Move forumjump to the navbar with javascript Is just what the title

How do I code a drop-down menu?

I'm quite new to javascript/php, and I was wondering what the best method is for a drop ... <title>Example Jump Menu</title> <script type="text/javascript">

style jumpMenu arrow with css - WebDeveloper.com

javascript for jumpMenu. Code: function jumpMenu(target, object, restore) { eval (target+".location='"+object.options[object

code for drop down menus which stopped working [Archive] - PowWeb

PowWeb Community Forums > Web Site Design > HTML/CSS/Javascript > code for drop down ... onClick="location=document.jump.menu.options[document.jump.menu

Discussion Forum Tutorial - Green Options Community

<script type="text/javascript">GA_googleUseIframeRendering(); .... Use The "More Forums" Jump Menu; Go To The First Unread Post In A Thread

Joomla! • View topic - Position of module: align right

The problem is that I would like to have the quick jump menu in the ... <select align="right" onchange="javascript:location.href=document