Uncle Jims Web Designs: PRE-FRAME

Uncle Jims Javascript Designs

Web Frame Script

This script uses two HTML pages.
The first page, called webframe1.html automatically loads the second page,
called webframe2.html

1. Copy the below code and save as webframe1.html:

Select All

2. Copy the below code and save as webframe2.html:

Select All

<HTML>
<HEAD>
<TITLE>webframe2</TITLE>
</HEAD>
<BODY bgcolor='#e0ffff' text='000066'>
<script>
function click() {
if (event.button==2) {
 window.alert("Caution! No click script enforced!")
}
}
document.onmousedown=click
</script>
<DIV id="bodyframe" style="visibility:visible">
<IFRAME id="heads" SRC="webframe3.html" frameborder="1" style="position:absolute; left:0; top:20; width:800; height:600"></IFRAME>
</DIV>
<div style="position:absolute; left:0; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="document.all.bodyframe.style.visibility='visible'"><B>OPEN</B></div>
<div style="position:absolute; left:100; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="document.all.bodyframe.style.visibility='hidden'"><B>HIDE</B></div>
<div style="position:absolute; left:200; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="document.all.heads.src='http://jdstiles.com/javamain.html'"><B>JavaScripts</B></div>
<div style="position:absolute; left:300; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff" onclick="document.all.heads.src='http://jdstiles.com/java/guestbook.html'"><B>Guestbook</B></div>
<div style="position:absolute; left:400; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="javascript:history.back();"><B>Back</B></div>
<div style="position:absolute; left:500; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="javascript:history.forward();"><B>Forward</B></div>
<div style="position:absolute; left:600; top:0; width:100; z-index:1;
cursor:hand; background-color:e0ffff"
onclick="javascript:window.close();"><B>Close</B></div>
</BODY>
</HTML>

Additional Notes:
You will need to change the links in webframe2.html.
Change the link called webframe3.html to the page you initially want to see when webframe2.html opens.