Solved

ASP.NET VB.NET Why is control undefined?

Posted on 2006-07-20
6
610 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
  • 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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
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…

829 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