Solved

ASP.NET VB.NET Why is control undefined?

Posted on 2006-07-20
6
622 Views
Last Modified: 2008-02-01
When screen is displayed using ASP.NET, IE6 provides error message:
     Line 14
     Char 9
     Error: 'CheckBox1' is undefined
     Code: 0
     URL: http://localhost/atlins2/controls/toy.aspx

VB.NET source Code
-----------------------
<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript">
        CheckBox1.onClick = CheckBox1_Changed;
       
        function CheckBox1_Changed() {
            alert("CheckBox1 Changed")
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox1" />
    </form>
</body>
</html>

Code as seen by Internet Explorer 6
--------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
      Untitled Page
</title>
<script language='javascript' src='http://127.0.0.1:1026/js.cgi?caw&r=16944'></script>
<script language="javascript">
        CheckBox1.onClick = CheckBox1_Changed;               /* Tried this */
        function window.onload() {                                      /* and tried this too */
            CheckBox1.onClick = CheckBox1_Changed;
        }

        function CheckBox1_Changed() {
            alert("CheckBox1 Changed")
        }
    </script>
</head>
<body>
    <form name="form1" method="post" action="toy.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE3MzUzNTIzMDhkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBQlDaGVja0JveDGuIpQWwMDERj7uUtS6dBud+lEwrw==" />
</div>
        <input id="CheckBox1" type="checkbox" name="CheckBox1" /><label for="CheckBox1">CheckBox1</label>
<div>

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgLZg5nTBAKC5Ne7CUdNgqqnpnm1Xeak0Aqo72nkX74K" />
</div></form>
</body>
</html>
--------------------------

What needs to change so that the event callback for checkbox can work?
0
Comment
Question by:brotherbill999
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
6 Comments
 
LVL 17

Expert Comment

by:gops1
ID: 17145685
Why this way: CheckBox1.onClick

May be it should be like this:

document.form1.CheckBox1.onClick
0
 

Author Comment

by:brotherbill999
ID: 17146230
Hi gops1,
  Tried that, but it didn't work.  Keep trying.  Better yet, build a toy, get it working, and then you'll *know* you have a solution.
Brother Bill

<%@ Page Language="VB" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript">
        function window.onload() {
            document.form1.CheckBox1.onClick = CheckBox1_Changed;           /* Changed it according to your tip.  Didn't help */
        }
        function CheckBox1_Changed() {
            alert("CheckBox1 Changed")
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox1" />
    </form>
</body>
</html>
0
 

Author Comment

by:brotherbill999
ID: 17146656
Here is what does work.
1. add onload function with parenthesis to <body onload= ... >
2. for convenience, define a variable for CheckBox1 = document.form1.CheckBox1
3. when using onclick event, use all lowercase.

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
    <script language="javascript">
        var CheckBox1;
        function load() {
            alert("load");
            CheckBox1 = document.form1.CheckBox1
            CheckBox1.onclick = CheckBox1_Changed;
        }
        function CheckBox1_Changed() {
            alert("CheckBox1 Changed")
        }
    </script>
</head>
<body onload=load()>
    <form id="form1" runat="server">
        <asp:CheckBox ID="CheckBox1" runat="server" Text="CheckBox1" />
    </form>
</body>
</html>
0
 

Author Comment

by:brotherbill999
ID: 17146661
This post may be closed...
0
 

Accepted Solution

by:
PAQ_Man earned 0 total points
ID: 17538385
PAQed with points refunded (500)

PAQ_Man
Community Support Moderator
0

Featured Post

Salesforce Made Easy to Use

On-screen guidance at the moment of need enables you & your employees to focus on the core, you can now boost your adoption rates swiftly and simply with one easy tool.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article shows how to create and access 2-dimensional arrays in JavaScript.  It includes a tutorial in case you are just trying to "get your head wrapped around" the concept and we'll also look at some useful tips for more advanced programmers. …
In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

707 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question