"Albert Wagner" <alwagner@tcac.net> wrote in message
news:20031029193736.065d9f29.alwagner@tcac.net...[color=blue]
> On Wed, 29 Oct 2003 17:20:19 -0500
> "TheKeith" <no@spam.com> wrote:
>
> <snip>[color=green]
> >
> > Thanks I modified your stuff a little so that it made more sense to me
> > and everything is working fine. Here is what I put:[/color]
> <snip>[color=green]
> >
> > Basically, I think the part that threw me off from the beginning was
> > that I didn't realize that if you use the setInterval or setTimeout
> > methods, you needed to place a blank function within the outer-most
> > function in order to make it work.[/color]
>
> I don't know what you mean by this, but I'm glad it works for you.
>[color=green]
> > I do have one other question: Do I have to use clearInterval
> > in my case, since the function being called by "setInterval" contains
> > only a conditional? Thanks.[/color]
>
> Depends. The interval timer is still running and calling the tween
> function. If you don't mind the loss of processing cycles while your
> page is up, then I guess not. It's neater though.[/color]
I do mind the loss of processing cycles. Is there some kind of software I
can use to tell me if a script is still running even if nothing appears to
be happening? I just added a clearInterval, like this:
----------------------------------------------------------------------------
-----------------
<script type="text/JavaScript">
function growbluebox(widthto,heightto) {
var idofbluebox = document.getElementById("bluebox");
var blueboxwidthnum = parseInt(idofbluebox.style.width);
var blueboxheightnum = parseInt(idofbluebox.style.height);
var tweenspeed = setInterval(tween, 1);
function tween() {
if (blueboxwidthnum < widthto) {
blueboxwidthnum = parseInt(idofbluebox.style.width) + 10;
idofbluebox.style.width = blueboxwidthnum + "px";
blueboxposleft = parseInt(idofbluebox.style.left) - 5;
idofbluebox.style.left = blueboxposleft + "px";
}
if (blueboxheightnum < heightto) {
blueboxheightnum = parseInt(idofbluebox.style.height) + 10;
idofbluebox.style.height = blueboxheightnum + "px";
blueboxpostop = parseInt(idofbluebox.style.top) - 5;
idofbluebox.style.top = blueboxpostop + "px";
}
if (blueboxwidthnum == widthto && blueboxheightnum == heightto) {
clearInterval(tweenspeed)
}
}
}
</script>
----------------------------------------------------------------------------
--------------------
should this work with the clearInterval within the actual function called by
the setInterval method? I can't tell if it is working or not.
[color=blue]
> It just occured to me that the tween function may be what you refer to
> as a "blank" function. It's just an inner function.[/color]
yeah that's what I meant. Sorry for not having been more clear.
I use them a lot,[color=blue]
> especially in object constructors, because it simplifies accessing the
> parent's variables. It's a habit that may have confused you. You could
> just as easily have placed it outside, as long as it has access to the
> needed variables:
>
> <html>
> <head>
> <title>Untitled Document</title>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <script type="text/JavaScript">
> var idofbluebox;
> var blueboxwidthnum;
> var blueboxheightnum;
> var widthLimit, heightLimit;
>
> function growbluebox(widthto,heightto) {
> idofbluebox = document.getElementById("bluebox");
> blueboxwidthnum = parseInt(idofbluebox.style.width);
> blueboxheightnum = parseInt(idofbluebox.style.height);
> widthLimit = widthto;
> heightLimit = heightto;
> setInterval(tween, 1);
> }
>
> function tween() {
> if (blueboxwidthnum < widthLimit) {
> blueboxwidthnum = parseInt(idofbluebox.style.width) + 10;
> idofbluebox.style.width = blueboxwidthnum + "px";
> }
> }
> </script>
> </head>
> <body>
> <a href="#" onClick="growbluebox(500,400)">grow by 500 wide and 400
> high</a>
> <div id="bluebox" style="position:absolute; left:189px; top:96px;
> width:228px; height:129px; z-index:1; background-color: #99CCFF;
> layer-background-color: #99CCFF; border: 1px none #000000;"></div>
> </body>
> </html>[/color]
gotcha--thanks again.
