How to call two javascript function in a particular sequence from code behind

Question

0.00/5 (No votes)

See more:

Hello friends,

In my web page I hav 2 javascript function
1. fillVC (to hide div)
2. showDIV (to display div)

I want to call two different javascript function on button click in a sequence
1. fillVC
2. showDiv

I tried following:

protected void btnSearch_Click(object sender, EventArgs e)
   {
       this.GVDatabind();
       ClientScript.RegisterStartupScript(typeof(Page), "Javascript", "fillVC();", true);
       ClientScript.RegisterStartupScript(typeof(Page), "Javascript", "showDIV();", true);
   }

but problem is showDIV gets called before fillVC.

I have written in script:

<script>
     function showDIV()
     {}
     function fillVC()
     {}
</script>

Does the sequence of writing the function plays role in call of function??

Any idea how to achieve this?

Posted 20-Jun-12 0:15am

dhage.prashant01

Updated 20-Jun-12 1:51am

v3

Add a Solution

4 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)

bhagirathimfs · Answer 1 · 2012-06-20T00:31:00

Solution 1

Try this

C#

ClientScript.RegisterStartupScript(GetType(),"Open","Function Name",true);

Posted 20-Jun-12 0:31am

bhagirathimfs

Comments

dhage.prashant01 20-Jun-12 7:18am

problem is that
i have two function
1. fillVC (i hide div)
2. showDIV (i display div)

I call this method as given question
Problem: div get visible and hidden in few seconds on button click

John Bhatt · Answer 2 · 2012-06-20T01:26:00

Solution 3

Why don't you put that code in Front-End inside onClientClick.. you can include as many as functions there.
have a look at example below

ASP.NET

<asp:button id="btnSubmit" text="Add Record" runat="server" tooltip="Click to Submit Filled Date" onclick="btnSubmit_Click" onclientclick="return ValidateEmail();CheckAge();ValidateForm(); " xmlns:asp="#unknown" />

Posted 20-Jun-12 1:26am

John Bhatt

Updated 20-Jun-12 1:29am

v2

Comments

dhage.prashant01 20-Jun-12 7:31am

problem is that i have two function
1. fillVC (i hide div)
2. showDIV (i display div)
I call this method as given question

Problem: div get visible and hidden in few seconds on button click

Any idea how to do it??

dhage.prashant01 · Answer 3 · 2012-06-20T20:21:00

Since javascript functions run in parallel fashion. fillVC() and showDIV() runs in parallel.

In fillVC(), i used to hide div at the end but before that execution of statements in showDIV() ends.

So div used to get hide.

Solution:

I have put the code to hide the div on the first line in function and now the div is getting displayed as per the function call.

Thanks for your support friends.

Hope this helps the needy :)

Rakesh Meel · Answer 4 · 2012-06-20T00:42:00

HTML

<input type="button" id="Button1" onclick="javascript:if(IsValidEmail()) insert();" value="Add">
function IsValidEmail()
{

var emailPat = /^(\".*\"|[A-Za-z]\w*)@(\[\d{1,3}(\.\d{1,3}){3}]|[A-Za-z]\w*(\.[A-Za-z]\w*)+)$/;
var email=document.getElementById('txtEmail').value;

var matchArray = email.match(emailPat);

if (matchArray == null)

{

    return false;

}

else

{

   return true;

}
}

i hope this helps you..

How to call two javascript function in a particular sequence from code behind

4 solutions

Solution 1

Solution 3

Solution 4

Solution 2

Add your solution here

Preview 0