GotFusion.com  Where your journey begins
Showcase your website at Fusion GalleriesNetObjects Fusion 7 Websites Portal

 


 

You want to have a drop down go menu style navigation but you want some links to open in a new window instead of the browser window.

This will require a script function to separate the popup window links from the normal URL links

Step 1 The Script Function:

dropFunctionCode

Download a copy of this Script Function that you can insert directly

Place Function in the HTML Between Head Tags

Step 2:  Create the Drop Down box

The script function looks at the content of the drop down box and if there is a "window name" it will open that link in a new window, if there is only a URL it will use the same browser window for the link

Pipe KeyThe sections of the window and link are separated by a pipe "|" 
This key is located over your back slash key "\"

Every link will have to use the Pipe "|" character

The way the function call is written is |http will use the same window and windowName|http will open a new window. That is pipe followed directly by the location will use the same browser, the window name followed by the pipe character, then the location will open a popup window using that window name and that URL

Note: If you use the same window name each link will reuse the same opened window. If you give each link a separate window name each link will open in a new popup window.  Review the inline popup window tutorial for more information on this.

The easiest way to create the drop down is to code it yourself and insert it. 

You start with the form tag and have the action select the same page then add the select onchange which will activate the selected link then add your options with the coding to select either a popup or direct link then close the select then close the form

Download this Drop Down form example so that you can just make changes in the selections

Drop Down Form Code

Here is how your drop down navigation will look and act:

 



Return to the TOP of this page

Did you find this tutorial useful?
Do you want to keep this resource online?
Make a donation to keep gotFusion alive


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

Problems with this page?  

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