JavaScript Made Easy: Free JavaScripts Tutorials Example Code

Metachecker.net

|

FontsMadeEasy.com

|

RankChecker.net

Learn Java Script Today

|

Over 5000 Free Fonts

|

|

Javascript Forum

|

Other Javascript Resources

|

JavaScript Basics

Inserting Javascript

Complete Tutorial

Advance DHTML Tutorial



Remote Control 2

Siplify the navigation process on your web site by allowing your visitors to open a small remote control window with links to the sections of your site. And, when they click a link, the remote control closes and they are taken to the page in the main window. Great!


Copy the first section into the <HEAD> of your main HTML document
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Ronnie T. Moore, Editor --> <!-- Web Site: The JavaScript Source --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function showRemote() { self.name = "main"; // names current window as "main" var windowprops = "toolbar=0,location=0,directories=0,status=0, " + "menubar=0,scrollbars=0,resizable=0,width=150,height=200"; OpenWindow = window.open("remote-control-window.html", "remote", windowprops); // opens remote control } // End --> </script>

Copy the first section into the <BODY> of your main HTML document
<center> <form> <input type=button value="Open Remote Control" onClick="showRemote();"> </form> </center>

Other Options
<!-- STEP THREE: Create a new HTML file and save it as: remote-control.html --> <!-- STEP FOUR: Paste the following HTML code into your remote-control.html page --> <!-- Put this in the head of a separate, remote-control.html file --> <html> <head> <script language="JavaScript"> <!-- Begin function closeRemote() { timer = setTimeout('window.close();', 10); } // End --> </script> </head> <body bgcolor="#ffffcc"> Remote Control <p><a href="http://javascript.internet.com" target="main" onClick="closeRemote()">Home</a> <p><a href="http://javascript.internet.com/new/" target="main" onClick="closeRemote()">What's New?</a> <p><a href="http://javascript.internet.com/faq/" target="main" onClick="closeRemote()">JavaScript FAQs</a> <p><a href="http://javascript.internet.com/forum/" target="main" onClick="closeRemote()">JavaScript Forum</a> </body> </html> <!-- STEP FIVE: Change links above, but don't change the --> <!-- target="main" or onClick="closeRemote" sections !! -->