• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 909
  • Last Modified:

Adding Javascript Function to Button Click in addition to Function already called

Greetings All!

I have a webform that has a button which when clicked calls a C# function to do a bunch of stuff.  That all works great.  I now want to add a simple Javascript alert in addition to the C# function being called whenever the button is clicked.   Originally I wanted to just to the Javascript alert from within the C# function but this always interferes with the final page destination (through a previous Question I tried many different alternatives with no luck).  

So with my webform can I tell the Button to do a Javascript function in addition to calling the C# function?   Currently the C# function call is set up by naming it in the Click field of the Properties box for the Button.

Many thanks for any ideas on this!
  • 2
  • 2
1 Solution
use button's OnClientClick property to specify Client Function
andremaraAuthor Commented:
Thanks....it seems that OnClientClick is not available in .NET 1.1 possibly only in 2.0 or above.  Does that make sense?  

I tried just using the OnClick function but am getting an error with that when I run this page...it says it can't find the function I'm specificying with OnClick.

I've attached a code segment (actually the whole aspx page..its short)...can you see where I'm going wrong?  

Many thanks!

<%@ Page language="c#" Codebehind="EmailWeeklyReports.aspx.cs" AutoEventWireup="false" Inherits="ReportParamObjEmailWeeklyReports.WebFormAsOfDate" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
		<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
		<meta content="C#" name="CODE_LANGUAGE">
		<meta content="JavaScript" name="vs_defaultClientScript">
		<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
		<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=1,menubar=0,resizable=0,width=100,height=100,left = 462,top = 334');");
function testalert()
  return alert('Hello!');
// End -->
	<body MS_POSITIONING="GridLayout">
		<form id="Form1" method="post" runat="server">
			<asp:button id="btnContinue" style="Z-INDEX: 107; LEFT: 264px; POSITION: absolute; TOP: 304px" OnClick="testalert()"
				runat="server" Width="176px" Height="32px" ToolTip="Click to Continue..." Text="EMAIL WEEKLY REPORTS"></asp:button>
			<asp:label id="lblAsOfReport" style="Z-INDEX: 105; LEFT: 168px; POSITION: absolute; TOP: 48px"
				runat="server" Width="344px" Height="48px" ToolTip="Select Clients to Email Reports To..."
				Font-Size="Large" Font-Underline="True">Select Clients to Email Reports To</asp:label><asp:button id="ButtonGoBack" style="Z-INDEX: 104; LEFT: 8px; POSITION: absolute; TOP: 8px"
				runat="server" Width="112px" Text="Back to Application" Font-Size="XX-Small"></asp:button>
			<asp:checkbox id="Client1" style="Z-INDEX: 111; LEFT: 296px; POSITION: absolute; TOP: 128px" Text="Client1"
			<asp:checkbox id="Client2" style="Z-INDEX: 110; LEFT: 296px; POSITION: absolute; TOP: 160px" Text="Client2"
			<asp:checkbox id="Client3" style="Z-INDEX: 106; LEFT: 296px; POSITION: absolute; TOP: 192px" Text="Client3"
			<asp:checkbox id="Client4" style="Z-INDEX: 112; LEFT: 296px; POSITION: absolute; TOP: 224px" Text="Client4"

Open in new window

use Attributes.Add property

protected void Page_Load(object sender , EventArgs e)
			if (!Page.IsPostBack)
				Button1.Attributes.Add("onclick" , "testalert()");

Open in new window

andremaraAuthor Commented:
Thank you.
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Train for your Pen Testing Engineer Certification

Enroll today in this bundle of courses to gain experience in the logistics of pen testing, Linux fundamentals, vulnerability assessments, detecting live systems, and more! This series, valued at $3,000, is free for Premium members, Team Accounts, and Qualified Experts.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now