help me, Im a spaz and my gradual resize script

**Janne** · Jan 4, 2003 14:16

Any ideas on why this script isnt working, I think I've turned into an idiot.

Feel free to tear it apart.

<html>
<head>
<title>
Test Interface
</title>
<script languange="Javascript" type="text/javascript">

var gotolevel = 200;
var prevlevel = 50;

function resize(target)
{

target = document.getElementById(target);
target.style.height = prevlevel;
prevlevel = target.style.height;

if(prevlevel < gotolevel)
{
target.style.height = prevlevel+10;

if(prevlevel < gotolevel)
{
setTimeout("resize()", 1);
}
}
else if(prevlevel > gotolevel)
{

target.style.height = prevlevel-10;
if(prevlevel > gotolevel)
{
setTimeout("resize()", 1);
}
}
else
{
//null condition
}

}
</script>
</head>

<body onload="resize('box1')">

<div id="box1" style="border: solid black 1px;">
The "Dynamic" Div
</div>

<div>
<hr />
The other Div
<hr />
</div>

</body>
</html>

It should set the height of the division to the 'prevlevel' (which it does) then gradually increment it until it's the size of 'gotolevel' (which it dont).

I'm lost

**compwizard** · Jan 4, 2003 19:35

don't know why, but resize only runs once...then it goes to the null part of the loop....let me look more closely.

**compwizard** · Jan 4, 2003 19:50

Here is a version of the code that works:

PHP Code:


<html>

<head>

<title>

Test Interface

</title>

<script languange="Javascript" type="text/javascript">



var gotolevel = 200;

var prevlevel = 50;



function resize(target)

{

    target = document.getElementById(target);

    target.style.height = prevlevel;



    if(prevlevel < gotolevel)

    {



        prevlevel = prevlevel + 10;

        target.style.height = prevlevel

        if(prevlevel < gotolevel)

        {

            

            setTimeout("resize('box1')", 1);

        }

    }

    else if(prevlevel > gotolevel)

    {

        prevlevel = prevlevel - 10;

        target.style.height = prevlevel

        if(prevlevel > gotolevel)

        {

            setTimeout("resize('box1')", 1);

        }

    }

    else

    {

        //null condition

    }



}

</script>

</head>



<body onload="resize('box1')">



<div id="box1" style="border: solid black 1px;">

The "Dynamic" Div

</div>



<div>

<hr />

The other Div

<hr />

</div>



</body>

</html>

**Janne** · Jan 4, 2003 20:33

Wow that is amazing! Even better than I imagined it

Simple things for simple minds eh.

But thanks a lot that has made my day (in a really sad way)

**compwizard** · Jan 4, 2003 21:02

Wow that is amazing! Even better than I imagined it

What is so amazing?? Why is so great??

Anyway...Just glad I could help.

**Janne** · Jan 4, 2003 22:22

well I've been pulling my hair out trying to make a script do that, javascript was something I've never really taken the time to properly learn. Posting a message on here was kind of my last resort.

So seeing it finally work was great, plus it looked smoother than I thought it might.

cheers again

User Tag List

Thread: help me, Im a spaz and my gradual resize script

Thread Tools

Display

help me, Im a spaz and my gradual resize script

Bookmarks

Bookmarks

Posting Permissions