Server Error in '/' Application.

I am using ASP.Net WebForms because I am developing an Umbraco V7.18 site and wanted to develop some test pages "outside" of the Umbraco infrastructure and WebForms was recommended for that purpose. If there is a better choice for this please let me know.

Thanks in anticipation.

Terry Clancy

ClanceZ

Full Source Below:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TC_DivLayout.aspx.cs" Inherits="ClancyCom8.TC_DivLayout" %>

<link href="/cssh/style_test.css" rel="stylesheet" type="text/css"/>

    <script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script language="JavaScript" type="text/javascript">

        var myimg = null;
        var animate;
        var newheight;
        var newleft;

        $( document ).ready( function() {
            var $body = $('body'); //Cache this for performance
            var $TTPage = $('TTPage'); //Cache this for performance



            myimg = document.getElementById('TTSlider1BoxTest');


            var setBodyScale = function () {

                    var curr_width = $body.width();

                    var scaleSource = curr_width;
                         scaleFactor = 0.1,                     
                         maxScale = 600,
                         minScale = 30; //Tweak these values to taste

                     var fontSize = scaleSource * scaleFactor; //Multiply the width of the body by the scaling factor:

                     if (fontSize > maxScale) fontSize = maxScale;
                     if (fontSize < minScale) fontSize = minScale; //Enforce the minimum and maximums

                     $('body').css('font-size', fontSize + '%');
                 }

                 $(window).resize(function(){
                     setBodyScale();
                 });

                 //Fire it when the page first loads:
                 setBodyScale();

            // Animate boxes when page first loads
                 //var myDiv1 = $("slideboxes1");
                 // var myDiv1 = document.getElementById("slideboxes1");
                 // var myBox2 = document.getElementById("TTSlider1Box1");
                 //myDiv1.animate({ left: '450px', width: '1000px', opacity: '0.5' }, "slow");
            // myBox2.animate({ left: '+=250px', width: '100px', opacity: '0.8' }, "slow");

                 function moveRight() {
                     // var myimg = $("#TTSlider1Box1");
                     newheight = parseInt(myimg.style.height) + 1 + 'px';
                     myimg.style.height = newheight;
                     // newleft = parseInt(myimg.style.left) + 1 + 'px';
                     // myimg.style.left = newleft;
                     animate = setTimeout(moveRight, 25); // call moveRight in 20msec
                 }

                 $("button").click(function () {
                     // $("div").animate({ right: '250px' },"slow");
                     // var myBox2 = $("TTSlider1Box1");
                     // myBox2.animate({ left: '450px', width: '1000px', opacity: '0.5' }, "slow");
                     // $("TTSlider1Box1").animate({ right: '250px' }, "slow");
                     myimg.style.height = 10 + 'px';
                     myimg.style.left = 600 + 'px';
                     moveRight();


                 });

             });

    </script>

Div Layout Test

Start Animation

  </form>