javascript in user control

Jimmy · Jul 24, 2005

Hi

I am trying to check whether checkboxes are checked in my user control. I
have problems getting the right reference to the checkboxes:

<%@ Page language="c#" Codebehind="WebForm2.aspx.cs"
AutoEventWireup="false" Inherits="javascriptusercontrol.WebForm2" %>
<%@ Register TagPrefix="uc1" TagName="WebUserControl1"
Src="WebUserControl1.ascx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
<script>

function checkit2(field)
{
var teller=0;
for (i = 0; i < 2; i++)
{
if (field.checked == false)
{
teller = teller+1;
}
}
if (teller==2)
{
alert("no good");
}

}

</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<input type="button" name="c5"
onclick="checkit2(document.Form1['uc:list'])" style="Z-INDEX: 101; LEFT:
248px; WIDTH: 128px; POSITION: absolute; TOP: 16px; HEIGHT: 24px"
value="check if checked">
<uc1:WebUserControl1 id="WebUserControl11"
runat="server"></uc1:WebUserControl1>
</form>
</body>
</HTML>

usercontrol code:

<%@ Control Language="c#" AutoEventWireup="false"
Codebehind="WebUserControl1.ascx.cs"
Inherits="javascriptusercontrol.WebUserControl1"
TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>

<asp:CheckBox ID="cb1" Runat="server" name="list"></asp:CheckBox>
<asp:CheckBox ID="cb2" Runat="server" name="list"></asp:CheckBox>

what could be wrong?

ch Beffmans

Brock Allen · Jul 24, 2005

You should dynamically fill in those IDs from the Control.ClientID proprty
on the control. So where you're hard coding "document.Form1['uc:list']",
change that to dynamically incorporate List.ClientID.

Clint Hill · Jul 24, 2005

Brock is right. However, a more elegant approach is to change the way
you are using JavaScript a bit.

For your UserControl:

<%@ Control Language="c#"
TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<script>
var teller=0;
function OnCheckBox_Clicked(checkbox)
{
if(checkbox.checked && teller < 2)
{
teller = teller+1;
}
if(!checkbox.checked && teller > 0)
{
teller = teller-1;
}
}
</script>
<script language=C# runat=server>
void Page_Load(object sender, System.EventArgs e)
{
cb1.Attributes["onClick"] = "OnCheckBox_Clicked(this)";
cb2.Attributes["onClick"] = "OnCheckBox_Clicked(this)";
}
</script>
<asp:CheckBox ID="cb1" Runat="server"></asp:CheckBox>
<asp:CheckBox ID="cb2" Runat="server"></asp:CheckBox>

And on your web form change the onclick of the input type to this:

onclick="javascript:if(teller==2)alert('No Good');"

With this approach you are letting the click event of the check box
dictate the value of teller and not the click event of the button. You
may consider making the checkboxes server side events so the teller
value can be more global (i.e. saved to a database maybe).

Clint Hill
H3O Software
http://www.h3osoftware.com

Brock said:
You should dynamically fill in those IDs from the Control.ClientID
proprty on the control. So where you're hard coding
"document.Form1['uc:list']", change that to dynamically incorporate
List.ClientID.

Hi

I am trying to check whether checkboxes are checked in my user
control. I have problems getting the right reference to the
checkboxes:

<%@ Page language="c#" Codebehind="WebForm2.aspx.cs"
AutoEventWireup="false" Inherits="javascriptusercontrol.WebForm2" %>
<%@ Register TagPrefix="uc1" TagName="WebUserControl1"
Src="WebUserControl1.ascx" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema"
content="http://schemas.microsoft.com/intellisense/ie5">
<script>
function checkit2(field)
{
var teller=0;
for (i = 0; i < 2; i++)
{
if (field.checked == false)
{
teller = teller+1;
}
}
if (teller==2)
{
alert("no good");
}
}

</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<input type="button" name="c5"
onclick="checkit2(document.Form1['uc:list'])" style="Z-INDEX: 101;
LEFT:
248px; WIDTH: 128px; POSITION: absolute; TOP: 16px; HEIGHT: 24px"
value="check if checked">
<uc1:WebUserControl1 id="WebUserControl11"
runat="server"></uc1:WebUserControl1>
</form>
</body>
</HTML>
usercontrol code:

<%@ Control Language="c#" AutoEventWireup="false"
Codebehind="WebUserControl1.ascx.cs"
Inherits="javascriptusercontrol.WebUserControl1"
TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>

<asp:CheckBox ID="cb1" Runat="server" name="list"></asp:CheckBox>
<asp:CheckBox ID="cb2" Runat="server" name="list"></asp:CheckBox>

what could be wrong?

ch Beffmans

Click to expand...

Beffmans · Aug 2, 2005

I tried it but it doesn't work

ch B

Beffmans · Aug 2, 2005

HI

How do you access the teller value in the webform?

ch B.

Beffmans · Aug 3, 2005

Hi Brock

Can you put some sample code here , that makes it easier for me..

thanks

B.

Can't access to web control textbox property	1	Jun 6, 2007
Reference to user control	0	Jul 20, 2005
User Control Strange Problem	3	Aug 17, 2005
Using User Control from class library	5	Jan 25, 2004
Selecting and Highlighting Multiple Rows in a DataGrid	1	Nov 19, 2005
Simple user control	0	Nov 3, 2005
set focus (Javascript)	8	Jun 4, 2008
How do I set the property for a Web User Control properties from the parent form (VB)	6	Dec 30, 2004

javascript in user control

Jimmy

Brock Allen

Clint Hill

Beffmans

Beffmans

Beffmans

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads