So here we go. I was actually surprised how simple this little deal
was. Geting the window to pop up was fairly easy. See the Advanced Java Script
tutorial for how it’s done. The trick is getting the smaller remote control to affect
the larger window.
In order to get the two windows to play with each
other, I had to make a point of getting them together to begin with. So I did. Here is the
script I used to make all this happen:
<script language=”JavaScript”>
function openindex()
{
OpenWindow=window.open(“”, “newwin”, “height=300,width=150,toolbar=no,scrollbars=”+scroll+”,menubar=no”);
OpenWindow.document.write(“<TITLE>R.C.</TITLE>”)
OpenWindow.document.write(“<CENTER>”)
OpenWindow.document.write(“<CENTER><font size=+1>Remote<BR>Control</font>”)
OpenWindow.document.write(“<a href=’remote_control_2.html’ target=’main’>Section One</a><p>”)
OpenWindow.document.write(“<a href=’remote_control_3.html’ target=’main’>Section Two</a><p>”)
OpenWindow.document.write(“</CENTER>”)
OpenWindow.document.close()
self.name=”main”
}
</SCRIPT>
That script above will go inside the <HEAD> commands
of the page you want to come up with the remote control “window”. The script is little more than
an HTML page. See all the HTML commands?
The script does two things. It first creates a new little window
that will act as your remote control. Look above. See the height=300 and width=150 commands
above? That’s the size of the remote control window. You can set it to whatever size you want.
Change the numbers around if you want a longer than wide control box.
The remainder of the script is a series of commads that write
text to the little window. I just made a point of writing the text as HTML commads, thus it
compiles like HTML. You can change the text to whatever you want. Just keep the format true.
You cannot jump down one line. If you write longer lines than I have – you need to keep all
the text on one line. In addition you cannot have any quote marks in your HTML. Just don’t
use them.
If you do – they will throw an error.
Now the trick that Andree Growney did, getting
the little window to control the big one. See the line:
The link between the litle one and the big one is done with a
simple target command, just like those outlined in the frame tutorial.
I must have worked on that for a hour. She got it in less time than it took to ask the
question.
I have the link going to a page called remote_control_2.html. That’s this page.
Notice the second page is called remote_control_3.html. Let’s go there now to wrap this puppy up. You’ll need
to come back here to copy the script, but for now, let’s go on. Click on Section Three in the
remote control box.
The original home of HTML tutorials. HTMLGoodies is a website dedicated to publishing tutorials that cover every aspect of being a web developer. We cover programming and web development tutorials on languages and technologies such as HTML, JavaScript, and CSS. In addition, our articles cover web frameworks like Angular and React.JS, as well as popular Content Management Systems (CMS) that include WordPress, Drupal, and Joomla. Website development platforms like Shopify, Squarespace, and Wix are also featured. Topics related to solid web design and Internet Marketing also find a home on HTMLGoodies, as we discuss UX/UI Design, Search Engine Optimization (SEO), and web dev best practices.
Property of TechnologyAdvice. © 2025 TechnologyAdvice. All Rights Reserved
Advertiser Disclosure: Some of the products that appear on this site are from companies from which TechnologyAdvice receives compensation. This compensation may impact how and where products appear on this site including, for example, the order in which they appear. TechnologyAdvice does not include all companies or all types of products available in the marketplace.
