How to execute click event of an anchor tag by javascript or jscript ?

Question

1.33/5 (2 votes)

See more:

I want to execute click event of an anchor tag by javascript or jscript.
Is there any way to do ?
i tried with every code but it seems to be not working.

Here is my html code:

<br />
<html xmlns="http://www.w3.org/1999/xhtml"><br />
<head runat="server"><br />
    <title></title><br />
    <script type="text/javascript"><br />
        function dothis() {<br />
            alert('I want this');<br />
            document.getElementById('about').click();<br />
<br />
                    }<br />
    </script></pre><br />
<br />
<body><br />
    <form id="form1" runat="server"><br />
    <a href="AboutUs.aspx" name="about" id="about" >click here</a><br />
    </form><br />
</body><br />
</html><br />

Javascript code:
function dothis() {
alert('I want this');

document.getElementById('about').click();
}

and this above javascript code is getting executed while page load in C#
I am able to execute function dothis() on page load
and alert msg gets displayed but click event of anchor tag is not executed ..there i need help
Thanks in advance for help

Posted 17-Jul-14 7:24am

HellHotie

Updated 17-Jul-14 18:02pm

v2

Add a Solution

Comments

Sergey Alexandrovich Kryukov 17-Jul-14 13:27pm

This is not "HTML code"... And you are not even trying to handle click event. Where?!
You don't mention dothis() anywhere else.
—SA

HellHotie 17-Jul-14 23:21pm

"This is not "HTML code"..."
That was a typo actual html code is below
i cannot write anchor tag here as it is not displaying so i am replacing '<' with '('
(a href=".aspx" name="about" id="about")click here(/a)

"And you are not even trying to handle click event. Where?!
You don't mention dothis() anywhere else."

That click event is handled by code behind page in C#
when that aspx page load that click event is called..by C# code and it executes javascript function.. and my C# code is perfectly calling that function and alert box is getting displayed. bt click event is not executing.. there i need help

Sergey Alexandrovich Kryukov 17-Jul-14 23:45pm

Look, you have something which does not work; and you don't know why. That's why I cannot trust any of your statements, only your code, and only obtained by proper Paste operation from the code you really tried. Also, instead of adding code to comment, click Improve question and do it.
—SA

HellHotie 18-Jul-14 0:05am

Does that question helps you to understand problem?

Sergey Alexandrovich Kryukov 18-Jul-14 0:03am

Wait a second... You say "i cannot write anchor tag here as it is not displaying..."...

Look, the here is some HTML tag: <div />. By some strange reason, I can write this HTML fragment in the post (which is HTML content), and you kinda not...
All you need to know is how to write simple HTML. Sorry, if you cannot write simple static HTML just to show your sample, how can you possibly can develop in ASP.NET, Javascript? I would advise you to learn just the basics of HTML and then come back. This is a Quick Questions & Answers forums. Asking questions also has its prerequisites...

—SA

HellHotie 18-Jul-14 0:11am

cmon refrain from getting too personal i am new here and i am trying to post a question with html tag for first time did you see my question now ?

Sergey Alexandrovich Kryukov 18-Jul-14 1:42am

Please don't take it personal, the only thing I care about is to get your question.

Now I can see your mistake, thank you. But didn't you get it already?

Basically, you 1) put a script in "body" element, then it will be executed on load and when it is done, you can add other events; 2) you can add event attribute "onload" in the body tag and add other events in this point; 3) you can put the event attribute onclick="youJavascripthander()" int the anchor tag (or any other tag); 4) you can implement all of the above easier with jQuery. If some of the above in unclear, I'm ready to answer...

—SA

HellHotie 18-Jul-14 2:18am

Yeah no issues man you are most welcome to help :)

I will explain you what i was trying to do
1) on code behind page in C# i am calling javascript function below is my code :

System.Web.UI.ScriptManager.RegisterClientScriptBlock(Page, typeof(Page), "Script", "dothis();", true);

2) i have dothis() function in javascript which basically should fire anchor tag onclick event.

3) Html code:
it contains nothing but just an anchor tag which should redirect user to another page.

Thanks now i got the result

Mohibur Rashid 17-Jul-14 18:38pm

try this code:
<a href="javascript:dothis()">click here</a>

HellHotie 17-Jul-14 23:40pm

Thanks but this what i know
i actually want my javascript function to execute anchor tag click event and not otherwise

Sergey Alexandrovich Kryukov 17-Jul-14 23:58pm

What is that, "execute event"? Event is invoked as a result of physical click. To start with, did you try to handle click on any other element? Your anchor will load a new page from "AboutUs.aspx"...
What is the problem?
—SA

1 solution

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)

SRS(The Coder) · Accepted Answer · 2014-07-17T18:43:00

Solution 1

Hi dear,

Here i have pasted the code for achieving your goal.
For this we need to include the jQuery library file to out HTML.

Ex :-

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
    <title></title>
    <script src="jquery-2.0.3.js"></script>
    <script type="text/javascript">
        $(function () {
            dothis();
        });

        function dothis() {
            alert('I want this');
            $('#about')[0].click();
        }
    </script>
</head>

<body>
    <form id="form1"  runat="server">
        <div>
            <a href="AboutUs.aspx" id="about">click here</a>
        </div>
    </form>
</body>
</html>

Hoping this will be of help to you, please have a look into it let me know if it worked for you.
So that i can help you more on this regard if required.

Posted 17-Jul-14 18:43pm

SRS(The Coder)

Updated 17-Jul-14 18:44pm

v2

Comments

HellHotie 18-Jul-14 1:02am

Thanxx thats what i was looking for i was stuck into it from quite a time
Jscript did that trick. but is same possible by javascript as well?
How to make javascript function fire click event of an anchor tag?

SRS(The Coder) 18-Jul-14 1:12am

You are always welcome but the below line should work for expected result :-

document.getElementById('about').click();

It worked for ne not sure if there is any issue with your side, can you pelase let me know which browser version are you using. Again you can open the Developers tool for the browser you are using by pressing F12 and in 'Console' tab you can watch if any error it is throwing, which will help you to solve the issue if any there.

HellHotie 18-Jul-14 1:34am

Ok thnx again i got desired result by javascript as well. (thumbs up)

SRS(The Coder) 18-Jul-14 1:35am

wl cm alwys :-)