Web Resource Center
MSU Collage Image

Building Quick Links or Jump Menus

Revised: 13 Aug 2004 by Darrell Smith

Web Content Contributors may build custom quick link or jump menus inside eWebEditPro using View Source mode.  Two components are required to configure this technology.

  1. A JavaScript function
  2. The Quick Links or Jump Menu (based on the form attributes select and option )

Example:

Part 1: The JavaScript Function Code

  1. Open the desired content block that will contain the Quick Link/Jump Menu.
  2. Switch to View Source mode.
  3. Copy the source code below and paste the function at the top of eWebEditPro.

<Quick_Links_or_Jump_Menus><script language="javascript"><!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}
-->
</script></Quick_Links_or_Jump_Menus>

Part 2: The Quick Link/Jump Menu Code

  1. Open the desired content block that will contain the Quick Link/Jump Menu.
    • Switch to View Source mode.
  2. Copy the source code below and paste the function in the desired location inside your content block.  This code may be placed inside a table to control specific location.

<p><select onchange="MM_jumpMenu('parent',this,0)" name="quicklinks">
<option value="#" selected="selected">Quick Links (Jump Menu)</option>
<option value="#">_______________</option>
<option value="#">MSU Web Sites:</option>
<option value="http://www2.moreheadstate.edu">Morehead State University</option>
<option value="http://www.msuradio.com">Morehead State Public Radio</option>
<option value="http://www.msueagles.com">Morehead State Eagle Athletics</option>
<option value="#">_______________</option>
<option value="#">Search Engines:</option>
<option value="http://www.altavista.com">AltaVista</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.yahoo.com">Yahoo!</option>
</select></p>

Part 3: Update the URLs (Links)

  1. No changes are necessary in the select statement.
  2. Division breaks are noted with option values that are equal to the # symbol.
  3. Replace the current URLs (Web Addresses) with the desired Web Addresses.
  4. Replace the text display associated with each URL to reflect the URL's actual Web site name
  5. Switch the WYSIWYG mode and publish the content block