Calling a Javascript function from a image button click event

Question

0.00/5 (No votes)

See more:

Hi,

i's trying to call a javascript function(which loads a jquery dialog popup) on the OnClientclick event of an asp image button control? for the first time it appears(just for 1 second) and the page will get refreshed and popup disappears :(

Can anybody please help me on this?

Posted 21-Jul-11 17:44pm

DieOnTime

Add a Solution

4 solutions

Solution 1

Hi,
U can call it in html image like below:
if u dont have any other server side event
< img onclick="urjsfunction();" src=".."/ >

Posted 21-Jul-11 17:49pm

Tajuddin_HYD

Comments

DieOnTime 21-Jul-11 23:54pm

Thanks a lot Taj, but we've got a requirement that we should use only asp Image buttons. :(

thatraja 22-Jul-11 0:22am

OK then use asp Image button & remove the attribute runat="server"

Tajuddin_HYD 22-Jul-11 0:22am

do u have server side event othere than this clientside event for js

Solution 3

hi,

use this..

<asp:ImageButton ID="imagebutton" runat="server" OnClientClick="image();" />

regards,
shefeek

Posted 21-Jul-11 19:21pm

shefeekcm

Updated 21-Jul-11 19:29pm

v2

Solution 4

use the following :

<asp:ImageButton OnClientClick="test(); return false" runat ="server" ImageUrl="~/images/bg-black.gif"/>

Posted 22-Jul-11 4:14am

mhamad zarif

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tajuddin_HYD · Accepted Answer · 2011-07-21T18:33:00

Solution 2

Hi,
I tested the following one this right solution for ur problem:

just add return false after js function

<asp:ImageButton OnClientClick="test(); return false" runat ="server"   ImageUrl="~/images/bg-black.gif"/>

Posted 21-Jul-11 18:33pm

Tajuddin_HYD

Updated 21-Jul-11 19:29pm

v2

Comments

DieOnTime 22-Jul-11 2:17am

That's working.. Thanks alot Taj.. :) you rock.. :D

Tajuddin_HYD 22-Jul-11 2:50am

tx buddy

Vasanth Gabriel 18-Jul-12 8:01am

Hi taj,the below is my javascript function<
script type="text/javascript">

function Calculate() {
calendar.set("date");
calendar.set("date2");
calendar.set("ImageButton1");
calendar.set("ImageButton2");

return false; }

it works perfect when i am clicking textbox, but when i click the image button control? for the first time it appears(just for 1 second) and the page will get refreshed and popup disappears....pls help me...

<asp:TextBox id="date" onClick="javascript:return Calculate();" onfocus="Calculate(this);" AutoPostBack="false" runat="server" />
</td>
<td>

<asp:ImageButton ID="ImageButton1" ImageUrl="~/images/calendar_icon.png" OnClientClick="Calculate(); return false" runat="server" />

Vasanth Gabriel 18-Jul-12 8:01am

<asp:TextBox id="date" onClick="javascript:return Calculate();" onfocus="Calculate(this);" AutoPostBack="false" runat="server" />
</td>
<td>

<asp:ImageButton ID="ImageButton1" ImageUrl="~/images/calendar_icon.png" OnClientClick="Calculate(); return false" runat="server" />

Member 7854316 22-Jul-12 6:08am

Thanks Boss My Problem Solved...!