GotFusion.com  Where your journey begins
Antons Video ProductionsNetObjects Fusion 7 Websites Portal

 


 

You want more flexibility than the standard go menu component provides?  You can create your own customized go menu that opens internal or external web pages and are activated as soon as the visitor makes their choice

A drop down go menu is only a simple form select function which is run by a JavaScript routine.

The Code:

<form>
   <select name="list" onChange="showpage(this.form);">
     <option selected value="x">Choose a Destination
     <option value="http://www.gotfusion.com/index.cfm">gotFusion Extended Support
     <option value="http://www.gotfusion.com/TNO/">The gotFusion support people
     <option value="http://www.fusiongalleries.com/"> Fusion Galleries
     <option value="http://www.gotfusion.com/store/">Visit the gotFusion web store
     <option value="http://www.gotfusion.com/subscriptions/">Join gotFusion.
     <option value="http://www.gotfusion.com/hosting/">Web Hosting from gotFusion
     <option value="http://www.gfwebforum.com:8132/">gotFusion Web Forums
     <option value="http://www.nof-club.de/us.html">NOF-Club Germany
     <option value="http://www.netobjects.com/">NetObjects Web Site
   </select>
  <input type="button" value="<- Select" onclick="showpage(this.form);">
</form>
<Script LANGUAGE="JavaScript">
 function showpage(form)
  { var item = form.list.selectedIndex;
   choice = form.list.options[item].value;
   if (choice!="x")
     top.location.href=(choice);
  };
</script>

In this example I am using all absolute location reference (http://).  You can use relative location reference if the page is located on your own web site (relative location would be ./page.html if you are publishing by asset type and you have the go menu located on a page in your HTML folder.

You place this block of code (after editing it to include your links) by inserting it inside of a text box or table cell. To do this double click within the text box or cell to enter edit mode then press CTRL+T to bring up the HTML insertion dialog box.  Paste your edited code within the HTML insertion box then click OK. You can add as many links as you wish, just copy another <option value=> line and include the link and the text you want to show in the drop down list.

Your go menu should look and work like this

 

View the PREVIOUS page

Return to the TOP of this page

View the NEXT page in this tutorial


|  Fusion  |  Web Design  |  Hosting  |  Resources  |  gotFusion Store  | 

Problems with this page?  

All content copyright © 2002, 2004 gotFusion LLC.  The name gotFusion and the gotFusion ® logo are registered trademarks of gotFusion LLC
Copyright, legal notice & privacy statement