How to fire ImageButton OnClick event after OnClientClick using c# asp.net?

Question

1.00/5 (1 vote)

See more:

Hello,

How to fire ImageButton "OnClick" event after OnClientClick event using c# asp.net?

I want to fire ImageButton OnClientClick event first and then OnClick event,
OnClick event should not be fire till completed work of OnClickEvent.

Or

How can we create OnClientClick Event Script in OnClick event using c# asp.net?

Please help me.

Thanks in Advance.

Ankit Agarwal
Website Developer

Posted 20-Jan-14 0:12am

ankit.agg1984

Add a Solution

2 solutions

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)

sivaram619 · Answer 1 · 2014-01-20T00:39:00

Solution 1

At the end of OnClientclick script just put return =true.

Posted 20-Jan-14 0:39am

sivaram619

Comments

Kornfeld Eliyahu Peter 20-Jan-14 6:51am

In fact NOT returning false is enough... :-)

JoCodes 20-Jan-14 10:01am

Yes, you have actually answered what OP asked.

Karthik_Mahalingam · Answer 2 · 2014-01-20T01:08:00

Solution 2

try like this..

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
        var dosomethig = function () {
            if (true) { // your condition here
                alert('do something');
                return true;
            }
            else {
                alert('do something');
                return false;
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ImageButton ID="ImageButton1" runat="server" Height="28px" Width="100px" OnClientClick=" return dosomethig();"
        ImageUrl="~/background.gif" OnClick="ImageButton1_Click" />
    </form>
</body>
</html>

Posted 20-Jan-14 1:08am

Karthik_Mahalingam

Comments

[no name] 20-Jan-14 7:19am

Hi Karthik,
I am using this code for image upload and display image in image button but my image did not display in image button and did not save into the path.

<script type="text/javascript">
function chooseFile() {
document.getElementById("UploadLogo").click();
return true;
}
</script>
<asp:UpdatePanel ID="UpdatePanel3" runat="server">
<contenttemplate>
<div class="frant-page-header"><div class="frant-page-header-logo">
<div style="height: 0px; overflow: hidden">
<asp:FileUpload ID="UploadLogo" runat="server" />
</div>
<asp:ImageButton ID="ImageLogo" runat="server" ImageUrl="~/images/64.png"
style="width: 100px; height: 100px; line-height: 100px;"
onclick="ImageLogo_Click" OnClientClick="return chooseFile();" />

Code Behind Code:-

protected void ImageLogo_Click(object sender, ImageClickEventArgs e)
{
Boolean FileOK = false;
Boolean FileSaved = false;

if (UploadLogo.HasFile)
{
Session["UploadLogo"] = UploadLogo.FileName;
String FileExtension = Path.GetExtension(Session["UploadLogo"].ToString()).ToLower();
String[] allowedExtensions = { ".png", ".jpeg", ".jpg", ".gif" };
for (int i = 0; i < allowedExtensions.Length; i++)
{
if (FileExtension == allowedExtensions[i])
{
FileOK = true;
}
}
}

if (FileOK)
{
try
{
UploadLogo.PostedFile.SaveAs(path + Session["UploadLogo"]);

FileSaved = true;
}
catch (Exception ex)
{
LabelWelcome.Text = "File could not be uploaded." + ex.Message.ToString();
LabelWelcome.Visible = true;
FileSaved = false;
}
}
else
{
LabelWelcome.Text = "Cannot accept files of this type.";
LabelWelcome.Visible = true;
}

if (FileSaved)
{
//pnlUpload.Visible = false;
//pnlCrop.Visible = true;

ImageLogo.ImageUrl = "Templates/" + Session["UploadLogo"].ToString();
//uploadImage.ImageUrl = "Templates/" + Session["WorkingImage"].ToString();
}

//Session["TempID"] = TextTemplateId.Value.ToString();
}

Please help me Ho can we display image in image button and save image into the path.

[no name] 20-Jan-14 7:36am

I can not upload Image properly, Please help me.

Karthik_Mahalingam 20-Jan-14 7:58am

what is your task
pls explain clearly ..
you need to show in the image button or upload ??

[no name] 20-Jan-14 8:08am

I don't want to have any File Upload button or Browse Button for Image Upload.
I need to Only One ImageButton and click on that and then it should be Uploaded Image Shown in ImageButton and My Selected Image Save also in my path.
Like this:-
http://jasny.github.io/bootstrap/javascript/

Image upload widgets

I have tried this code and script but my image did not saved in my path.
Please help me any solution for this.

Karthik_Mahalingam 20-Jan-14 8:11am

ok i got your problem
wait..

Karthik_Mahalingam 20-Jan-14 8:23am

make the file upload control as hidden
and try to trigger in the javascript event of the image button
and then in the server side you can do wat ever u want...
hope you understood ....

Karthik_Mahalingam 20-Jan-14 8:22am

try like this..

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
var dosome = function () {
var fu = document.getElementById('FileUpload1');
fu.click();
return true;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:ImageButton ID="ImageButton1" OnClientClick="return dosome()" runat="server" Height="28px" Width="100px" OnClick="ImageButton1_Click" />
<br />
<br />
<br />
<asp:FileUpload ID="FileUpload1" style="visibility:hidden" runat="server" />
</form>
</body>
</html>

[no name] 20-Jan-14 8:31am

I am not selecting file because my code behind code is:-
protected void ImageLogo_Click(object sender, ImageClickEventArgs e)
{
Boolean FileOK = false;
Boolean FileSaved = false;

if (UploadLogo.HasFile)
{
Session["UploadLogo"] = UploadLogo.FileName;
String FileExtension = Path.GetExtension(Session["UploadLogo"].ToString()).ToLower();
String[] allowedExtensions = { ".png", ".jpeg", ".jpg", ".gif" };
for (int i = 0; i < allowedExtensions.Length; i++)
{
if (FileExtension == allowedExtensions[i])
{
FileOK = true;
}
}
}

if (FileOK)
{
try
{
UploadLogo.PostedFile.SaveAs(path + Session["UploadLogo"]);

FileSaved = true;
}
catch (Exception ex)
{
LabelWelcome.Text = "File could not be uploaded." + ex.Message.ToString();
LabelWelcome.Visible = true;
FileSaved = false;
}
}
else
{
LabelWelcome.Text = "Cannot accept files of this type.";
LabelWelcome.Visible = true;
}

if (FileSaved)
{
//pnlUpload.Visible = false;
//pnlCrop.Visible = true;

ImageLogo.ImageUrl = "Templates/" + Session["UploadLogo"].ToString();
//uploadImage.ImageUrl = "Templates/" + Session["WorkingImage"].ToString();
}

//Session["TempID"] = TextTemplateId.Value.ToString();
}

My problem did not solve,
FileUpload1, It's showing blank.

Karthik_Mahalingam 20-Jan-14 8:32am

yes, we have made it as hidden know //////

Karthik_Mahalingam 20-Jan-14 8:33am

you want to show the hidden field also ??
then make it as style="visibility:visible"

[no name] 20-Jan-14 8:32am

We have to image upload in FileUpload using JavaScript.

[no name] 20-Jan-14 8:35am

No,I do't have show FileUpload.
But Value should be fill.

Karthik_Mahalingam 20-Jan-14 8:41am

yes then check my code..
it will not show the fileupload control.. it is hided using css
when you click the image button it will fire the fileupload button and it will open the file browse dialog.. so that you can upload image...

[no name] 20-Jan-14 8:38am

"UploadLogo" it's blank value showing.

Karthik_Mahalingam 20-Jan-14 8:49am

in .cs ??

[no name] 20-Jan-14 8:45am

But First of all CodeBehind Code run and then we can choose any Image,
Our need, my code behind code should be run after Image Uploaded.

Karthik_Mahalingam 20-Jan-14 8:51am

ya it will will run like that only..

[no name] 20-Jan-14 9:41am

Yes, It will run like that, but how?
How can we solve this issue?