
From doc@bugtown.com Thu May 15 19:22:46 1997
Date: Thu, 15 May 1997 17:33:19 -0500
From: Thaddeus Ozone <doc@bugtown.com>
To: Oleg Volk <olegv@gw.ddb.com>
Subject: Re: Another brainteaser

Hmm, It's kinda hard to picture this, do you have it online anywhere? Then
I could just pay with a seperate HTML doc, set the <base
url="www.blah-blah...">, and piggyback off of your images. FWIW, there
should *never* be a need for seperate pages, there's always a way to make
it work for both.
	Your pal,   -doc-

PS:, Intert Explorer 3.01 and 4.0 both support javascript image rollovers.
Modify your code as follows....
--------------------
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onerror = null;
var netscape = 0;
var goodIE = 0;

if  ((navigator.appName == "Netscape") &&
((navigator.appVersion.substring(0,1) == "3") ||
(navigator.appVersion.substring(0,1) == "4")))
{ netscape = 1;  }

if  ((navigator.appName.substring(0,9) == "Microsoft") &&
((navigator.appVersion.substring(0,4) == "3.01") ||
(navigator.appVersion.substring(0,1) == "4")))
{  goodIE = 1;  }
--------------------
...For the top of the documents, and...
--------------------
if (netscape || goodIE) {
--------------------
for the start of all the functions. Take care!
	Your pal,   -doc-

At 3:44 PM -0500 5/15/97, Oleg Volk wrote:
>Got a bright idea: why not have a half-dozen pictures blank and have a JS
>function that replaces them with an interface them onLoad (that way nonJS
>browsers just use a more simplistic interface)...tried it. Works fine
>onLoad...doesn't work at all onMouseover...shoert of maintaining two pages
>for different clients, any suggestions?
>
>My *guess* is that I may be trying to use mouse over "placed" graphic
>while Netscape is looking for the blank.JPG -- but I have no way of
>checking that.
>
>The code follows...if it is at all useful.
>
><HTML>
><HEAD>
>
><TITLE>Welcome to Volkstudio</TITLE>
>
><script language="Javascript">
>
><!--
>// DocOzone's preload image code.
>window.onerror = null;
>var netscape = 1;
>if ((navigator.appName == "Netscape") &&
>((navigator.appVersion.substring(0,1) == "3") ||
>(navigator.appVersion.substring(0,1) == "4")))    {
>var netscape = 0;
>
>// begin image array - define which pictures to use
>
>    enhanced = new Array(30);
>    for (m=0; m<=29; m++) {
>    enhanced[m] = new Image(); }
>
>enhanced[0].src = "meter1.JPG";
>enhanced[1].src = "scroll1.JPG";
>enhanced[2].src = "metertop.JPG";
>enhanced[3].src = "meterbottom.JPG";
>enhanced[4].src = "blank.JPG";
>enhanced[5].src = "meter2.JPG";
>enhanced[6].src = "meter3.JPG";
>enhanced[7].src = "meter4.JPG";
>enhanced[8].src = "meter5.JPG";
>
>enhanced[9].src = "scroll2.JPG";
>enhanced[10].src = "scroll3.JPG";
>enhanced[11].src = "scroll4.JPG";
>enhanced[12].src = "scroll5.JPG";
>}
>
>function appear() {
>       if (netscape == 0) {
>timerID=setTimeout('document.meter.src = enhanced[0].src', 0);
>       timerID=setTimeout('document.metertop.src = enhanced[2].src', 0);
>       timerID=setTimeout('document.meterbottom.src = enhanced[3].src',
>0);
>}}
>
>function scroll() {
>       if (netscape == 0) {
>
>       timerID=setTimeout('document.meter.src = enhanced[0].src', 0);
>       timerID=setTimeout('document.meter.src = enhanced[5].src', 100);
>       timerID=setTimeout('document.scroll.src = enhanced[1].src', 101);
>       timerID=setTimeout('document.meter.src = enhanced[6].src', 200);
>       timerID=setTimeout('document.scroll.src = enhanced[9].src', 201);
>       timerID=setTimeout('document.meter.src = enhanced[7].src', 300);
>       timerID=setTimeout('document.scroll.src = enhanced[10].src', 301);
>       timerID=setTimeout('document.meter.src = enhanced[8].src', 400);
>       timerID=setTimeout('document.scroll.src = enhanced[11].src', 401);
>     timerID=setTimeout('document.scroll.src = enhanced[12].src', 500);
>       timerID=setTimeout('document.meter.src = enhanced[7].src', 2400);
>       timerID=setTimeout('document.scroll.src = enhanced[11].src', 2401);
>       timerID=setTimeout('document.meter.src = enhanced[6].src', 2500);
>       timerID=setTimeout('document.scroll.src = enhanced[10].src', 2501);
>       timerID=setTimeout('document.meter.src = enhanced[5].src', 2600);
>
>timerID=setTimeout('document.scroll.src = enhanced[9].src', 2601);
>       timerID=setTimeout('document.meter.src = enhanced[0].src', 2700);
>  timerID=setTimeout('document.scroll.src = enhanced[1].src', 2701);
>  timerID=setTimeout('document.scroll.src = enhanced[4].src', 2800);
>}}
>
>//    -->
></script>
>
></HEAD>
>
><BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#5F2020"
>ALINK="#FF7F00" onLoad="appear();scroll()">
><CENTER>
><table border=0 cellpadding=0 cellspacing=0>
><tr>
><td width=128>
><img src="blank.JPG" name="metertop" height=76 width=128><a
>href="intro.shtml" onMouseover="scroll()"><img src="blank.JPG" height=39
>width=128 name="meter" border=0></a><img src="blank.JPG" height=105
>width=128 name="meterbottom"></td><td width=122><img src="blank.JPG"
>height=76 width=122><img src="blank.JPG" height=39 width=122
>name="scroll"><img src="blank.JPG" height=105 width=122></td></tr></table>
>
><br>
><img src="blank.JPG" height=80 width=10 border=0><a
>href="main2.shtml"><img border=0 src="banner3.jpg" height=80 width=380
>alt="VOLKSTUDIO Advertising Graphics">
></a>
></CENTER>
>
>
>
></BODY>
></HTML>


----------------------------------------------------------------
Thaddeus "Doc" Ozone           "Specialization is for insects."
OZONE pages....................http://www.ozones.com/~drozone/
Apocalypse Studios...............http://www.ozones.com/ozone/
Hands-On Tutorials...http://www.ozones.com/~drozone/handson/


