Client Side Script Not Working

sramesh · May 30th, 2006, 12:12 AM

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Test.aspx.vb" Inherits="Default2" %>

<!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>

</head>
<body>
<script type ="text/javascript" language="javascript">
    function sayHi() {
        alert("Hi")}

</script>
    <form id="form1" runat="server" >
    <div>
        <asp:TextBox ID="TextBox1" runat="server" Style="z-index: 100; left: 239px; position: absolute;
            top: 44px" OnTextChanged ="sayHi();" AutoPostBack ="false" ></asp:TextBox>

        <asp:Button ID="Button1" runat="server" Style="z-index: 101; left: 157px; position: absolute;
            top: 47px" Text="Button" />
        <asp:Button ID="Button2" runat="server" Style="z-index: 102; left: 67px; position: absolute;
            top: 77px" Text="Button" />
                             
               
        <input id="Text1" style="z-index: 103; left: 0px; position: absolute; top: 0px" type="text" onclick="return Text1_onclick()" />

    </div>
    </form>
</body>
</html>

This is my asp page. after build i got this errors

Error 1 'sayHi' is not a member of 'ASP.test_aspx'. \\itserver\Final Latest\Asp Booking\Test.aspx 18
Error 2 Character is not valid. \\itserver\Final Latest\Asp Booking\Test.aspx 18

Whats wrong with me?

Thanks
S. Ramesh

Imar · May 30th, 2006, 02:06 PM

Hi S. Ramesh,

Take a look at this: OnTextChanged ="sayHi();"

You're mixing up client side and server side stuff. OnTextChanged is a server side event that fires at the server when the text in the text box has changed. However, sayHi is a client side function. The compiler tries to find a server side method called sayHi which doesn't exist, hence the error you get.

There are a few ways to fix this:

1. Change OnTextChanged to onchange. onchange is a client side HTML attribute that causes a client side function to be called when the text box is changed. .NET will see that onchange is not a server side event, so it won't look for sayHi.

2. Alternatively, you can manually add the onchange behavior to the text box in the Page_Load event:

TextBox1.Attributes.Add("onchange", "sayHi();")

Hope this helps,

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

ajhopen · July 30th, 2007, 03:40 PM

Imar:

Excellent solution - I searched for an hour for a nearly identical problem and your advice was dead-on. Thanks!

Anton

Imar · August 2nd, 2007, 03:56 PM

Hi Anton,

You're welcome.....

Imar

---------------------------------------
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004
Want to be my colleague? Then check out this post.