How to achieve DIV resize animation with pure JavaScript + asp.net?

December 13th, 2009, 06:23 AM

I am trying to achieve an animation using pure JavaScript with DIV.

Code:

<body>
    <form id="form1" runat="server">
    <div>
        <script language="javascript" type="text/javascript">
            <!--
                //This hides javaScript from old browsers
            

            var width = 400;
            var height = 200;
            function ResizeDIV() {
                width = width - 2;
                height = height - 1;

                var divElement = document.getElementById('div1');

                divElement.style.width = width;
                divElement.style.height = height;
            }

            setInterval('ResizeDIV()', 5000);
            
            
            //-->
        </script>
    </div>
    <div id="div1" class="divStyle">
    hakdjaksdhajksdkasdkasdk
    </div>
    </form>
</body>

But this is not working.

How can I do that in most simplest way?

zeronexxx · December 13th, 2009, 10:36 PM

not 100% sure
but try moving the div tag with id=div1 above the script tag

as you can't access objects not yet created.

Thanks