Javascript and ASP.NET

I am trying to integrate some javascript code into a web user control. Unfortuantely, the page keeps throwing up errors when I try to view it.

I tried inserting directly into the formatting code (using <SCRIPT> tags), but to no avail. Then I tried using Response.Write. Still receiving errors. The javascript itself has no errors, and this is merely a test to get it in. Anybody have an idea what I am doing wrong?

Ryan
rossryanAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

meet_zorrerCommented:
Hi !
you can register you javascript script block in an ASPX.NET page using:

Dim sJavaScript As String = "<script language='javascript' src='OpenWindow.js'></script>"

Page.RegisterClientScriptBlock("myJavaScript", sJavaScript)

Regards,
Meet
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
rossryanAuthor Commented:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
      <head>
            <title></title>
            <meta name="GENERATOR" content="Microsoft FrontPage 5.0">
            <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
            <LINK href="1-800-FLOWERS_COM_files/styles.css" type=text/css rel=STYLESHEET>
            <STYLE type=text/css>A.menuLink:link {
      TEXT-DECORATION: none
}
A.menuLink:hover {
      FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
A.menuLink:active {
      COLOR: #333333; TEXT-DECORATION: none
}
A.menuLink:visited {
      TEXT-DECORATION: none
}
        </STYLE>
            <SCRIPT LANGUAGE="JavaScript">
var xPos,yPos;
xPos = 0;
yPos = 0;
var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

    function showObject(object)
    {
            var lft,tp;
            w1 = document.images["img1"].width;
            w2 = 345;
            lft = xPos - (w2-w1);
            tp = yPos;
            object.left = lft + 11;
            object.top = tp - 25;
            object.borderColor = 'green';
        object.visibility = VISIBLE;
    }

   function hideObject(object)
    {
        object.visibility = HIDDEN;
    }

            </SCRIPT>
            
      </head>
      <body>
            <table>
                  <tr valign="top">
                        <td class="descriptText">
                              <div id="toEnlarge" class="toEnlarge">
                                    <a href="#" onMouseover="showObject(desc10)">
                                          <img name="img1" src="http://shop.vixenhill.com/Images/GazeboImages/QA12ACopper.jpg"
                                          width="120" height="120" border="0" alt="" align="right" hspace="0" vspace="0">
                                    </a>
                              </div>
                        </td>
                  </tr>      
            </table>
            <div id="desc10" name="desc10" CLASS="IsEnlarge" ALIGN=RIGHT>
                  <a href="#" onMouseOut="hideObject(desc10)">
            <img name="bigimage" CLASS="col0" border="4" src="http://shop.vixenhill.com/Images/GazeboImages/QA12ACopper.jpg"
                               alt="" hspace="0" vspace="0" width="300" height="360"> </a>
            </div>
            <SCRIPT LANGUAGE="JavaScript">
    var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);
    var HIDDEN = (isNS) ? 'hide' : 'hidden';
    var VISIBLE = (isNS) ? 'show' : 'visible';
    var toEnlarge = (isNS) ? document.toEnlarge : document.all.toEnlarge.style;
    var desc10 = (isNS) ? document.desc10 : document.all.desc10.style;          
            </SCRIPT>
      </body>
</html>

Hmm. Perhaps I should rephrase. I need the above code (Javascript section) to play nice with a repeater. Basically, I want the ASP code to grab the Javascript code, insert the image (via Container.Dataitem), and when the mous moves over it, I want to to enlarge from from a predefined size to the images max.

 If I have missed anything, or if you need more information, please ask.

Thanks,
Ryan
0
rossryanAuthor Commented:
Rewriting the script and throwing it in a .js file worked like a charm.

Thanks,

Ryan
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.