<html>
<head>
<title></title>
<script language="JavaScript1.1">
<!--
var pictures = new Array();
function preload_pictures(num,pix) {
pictures[num] = new Image();
pictures[num].src = pix;
}
// **preload images. Define index number starting at 0
and
// **image url.
preload_pictures(0,"redfish.jpg"); // first image, index 0
preload_pictures(1,"yboy1.jpg"); // second image, index 1
preload_pictures(2,"sylvan.jpg"); // third image, index 2
preload_pictures(3,"garnet.jpg"); // fourth image, index 3
// **Function to display the alert message with image height
// **and width. This can be deleted/commented out.
function showImageSize(num) {
alert('height=' + pictures[num].height+'; width=' + pictures[num].width)
}
var pix_width = ""
var pix_height = ""
function getImageSize(num) {
pix_height = pictures[num].height
pix_width = pictures[num].width
}
//**Popup Window Function
function initArray() {
for (var i = 0; i < initArray.arguments.length; i++)
this[i] = initArray.arguments[i];
this.length = initArray.arguments.length;
}
// **Chrome options for the popup window, referenced from
// **the links in your document - see samples in document
// **body. This can be expanded/modified for additional
// **chrome options.
var chrome = new initArray(
"menubar",
"menubar,toolbar",
"menubar,status,resizable,scrollbars",
"");
var popUpWin = '';
var describeIt = '';
var picture = '';
var winFeatures = '';
function makePopUpWin(num,text,features) {
getImageSize(num)
var tall = pix_height + 100 // adjust for spacing to border above and
below picture
var side = pix_width + 40 // adjust for spacing to border on sides of
picture
describeIt = text
picture = pictures[num].src
winFeatures = features
if (popUpWin && !popUpWin.closed) {
popUpWin.close();
}
popUpWin = eval("window.open('blank.html','newWin','"+chrome[winFeatures]+",height="+tall+",width="+side+"')");
if (!popUpWin.opener) popUpWin.opener = self;
}
// **Modify this function to contain your content for
the popup window.
function update() {
popUpWin.document.open();
// **content for the popup window is defined here.
popUpWin.document.write("<html><head><title>Cut
and Paste JavaScript!</title></head>");
popUpWin.document.write("<body><center><strong>"
+ describeIt + "</strong><p>");
popUpWin.document.write("<img src=" + picture + "><br>");
popUpWin.document.write("<font size=-1>©1997 Dave
Gibson</font><p>");
popUpWin.document.write("<a href='#' onClick='self.close()'>");
popUpWin.document.write("Return To Cut and Paste!</a></center></body></html>");
popUpWin.document.close();
}
//-->
</script>
</head>
<body >
<table width="80%" border="1" cellspacing="2"
cellpadding="2" align="center" bgcolor="#ece8cf"
bordercolor="#666666" class="bord2">
<tr>
<td align="left" colspan="2">
<div align="center"><b><font size="3">
.הנומתה לע םינותנו היפצ </font></b></div>
</td>
<tr>
<td align="left" width="29%" valign="top">
<a href="javascript:showImageSize(0)">Image
1 size</a><br>
<a href="javascript:showImageSize(1)">Image 2 size</a><br>
<a href="javascript:showImageSize(2)">Image 3 size</a><br>
<a href="javascript:showImageSize(3)">Image 4 size</a><br>
</td>
<td align="left" width="71%"><center><a
href="javascript:makePopUpWin(1,'Yankee Boy Basin, CO',3)">Show
Me Example One!</a><br><font size="-1">(No
Chrome)</font></center>
<p>
<center><a href="javascript:makePopUpWin(2,'Sylvan Lake,
Colorado',1)">Show Me Example Two!</a><br><font
size="-1">(Menubar and Toolbar)</font></center>
<p>
<center><a href="javascript:makePopUpWin(3,'Garnet Ghost
Town, Montana',2)">Show Me Example Three!</a><br><font
size="-1">(Menubar, Statusbar, Resizable, Scrollbars)</font></center>
<p>
<center><a href="javascript:makePopUpWin(0,'Little Redfish
Lake, ID',0)">Show Me Example Four!</a><br><font
size="-1">(Menubar Only)</font></center>
</td>
<tr>
<td align="left" colspan="2"> </td>
</table>
</body>
</html>
|