Updated: 03/13/2004 11:53:01 AM               (Broken Link? Report It Here)      



Navigation Area

Hints 'N Tips

What is the purpose of the Navigation Hints and Tips area?

Many times one has enough knowledge about a subject to be beyond the need of a tutorial but not enough to know exactly how to accomplish a certain task or reach a certain goal. Often one finds himself needing to learn how to do just one small thing instead of a receiving a full course instruction. And then there are times where you learn something interesting and useful just by browsing around; but without really intending to learn.

That's the purpose of the Navigation Hints and Tips area - to teach you something small, but interesting and useful. To show you how to do just one thing at a time and help you reach your goal. More importantly, to provide you the opportunity to learn something new each day; which is a goal most people envision and strive for.

Membership requirements for Giz Gears.

This interactive area within Giz Gears does not require an active Giz-Net Network membership in order to participate.

JavaScript Tricks

Resources  Previous Page   Next Page Tutorials

Navigation Tidbits CSS Tricks Form Tricks HTML Tricks

Drop-Down Menu With Same/New Browser Window Options- Added 11 Mar

Create a drop-down menu that lets the visitor have the option to open the URLs in the same browser window or to open them in a new browser window by clicking a checkbox, Copy the script below and paste it between the <head></head> tags of your webpage.

<script language="javascript">
<!--
function skip(){
var tickit=document.optionform
if (tickit.chooseit.checked){
if (!window.newwindow)
newwindow=window.open("")
newwindow.location=tickit.test.options[tickit.test.selectedIndex].value
}
else
location=tickit.test.options[tickit.test.selectedIndex].value
}
//-->
</script>

Now copy the script below and paste it into the body of your webpage where you want the menu to appear. Then modify the options to match your websites appearance and needs.

<form name="optionform">
<select name="test" size=1 style="font:bold 11px verdana;background-color:#000000;color:#FFFFFF;">
<option value="http://www.giz-net.com">The Giz-Net Network</option>
<option value="http://www.giz-net.com/gizgears/index.html">Giz Gears: HTML and Web Design</option>
<option value="http://www.giz-net.com/gizchips/index.html">Giz Chips: Computers and Pocket PC</option>
<option value="http://www.giz-net.com/ftrain/index.html">Font Train: Free Fonts</option>
</select><br>
<input type="checkbox" name="chooseit" value="ON"><span style="font:11px verdana;">Open in a new browser</span><br>
<input type="button" value="Take me There" onClick="skip()" style="font:bold 11px verdana;background-color:#FFFF00;color:#000000;"></form>


Open in a new browser

Create a Pop-Up Menu

Use JavaScript to make a pop-up window with links in it that load back in the main page. The main page is the page the pop-up menu is launched from.

  1. Name the main page using JavaScript. Paste the script below into your main page somewhere. Change the name "main" to any name you want.

    <script language="JavaScript" type="text/JavaScript"> self.name = "middle"; </script>

  2. Add a link on your pop-up menu page like this:

    <a href="main_page.html" target="middle">Main Page</a>

    This will load "main_page.html" back in the main browser window.

If you want to have other links in the pop-up menu to continue to load into the main browser window, you'll have to place that first part of the code on each page or else the target "main" won't be found.

If you change the name "main" in step one, you'll need to change the target name to the same name in step two.

You can see a working example by clicking Pop-Up Menu.

Navigation Tidbits CSS Tricks Form Tricks HTML Tricks

Resources  Previous Page   Next Page Tutorials

Contributions for Giz Gears.

If you have a great web design source you would like to share, please let me know! I give credit for all sources of contributions; links, tutorials, downloads, hints, tips, etc. If you would like to see other pages added to this area, please let me know either through email or through the Forum.

Top of Page