Using JQuery to initiate button click

Question

0.00/5 (No votes)

See more:

I am very new to JQuery and am trying to perform a button click after a transaction is succesful.

JavaScript

function NewTxOkay() {
                  $get("btnSearch").click();
              }
      </script>

When the line $get("btnSearch").click();
is run I get an error Microsoft JScript runtime error: 'null' is null or not an object

The NewTxOkay function is called from here:

PHP

<asp:Button ID="btnAddNew" runat="server" Text="Create Tx"/>
            <AJAX:ModalPopupExtender ID="ModalPopupExtender1" BackgroundCssClass="ModalPopupBG"
                 runat="server" CancelControlID="btnCancel" OkControlID="btnOkay" TargetControlID="btnAddNew"               
                PopupControlID="Panel1" Drag="true" PopupDragHandleControlID="PopupHeader"  önOkScript="NewTxOkay();">

Any help would be greatly appreciated

Posted 22-Aug-12 5:48am

Ryanm1324

Updated 22-Aug-12 11:02am

Wendelius

v2

Add a Solution

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)

Christian Graus · Accepted Answer · 2012-08-22T05:53:00

Solution 1

You meant to do $("#btnSearch").click() I think.

Posted 22-Aug-12 5:53am

Christian Graus

Comments

Ryanm1324 22-Aug-12 11:56am

I tried that just now and it still gives me Microsoft JScript runtime error: 'null' is null or not an object

Christian Graus 22-Aug-12 11:59am

Do you have a button called btnSearch ? Does it call javascript methods that could be creating this error ? Have you debugged it in Chrome ? jquery should never give this error, it should just do nothing if the button is not there ( it is there, right ? )

Ryanm1324 22-Aug-12 12:02pm

The button is there. It calls a click event in the codebehind which just has gridview.databind();

Christian Graus 22-Aug-12 12:04pm

And if you debug in Chrome ?

Ryanm1324 22-Aug-12 12:04pm

Ive never done that. What do I need to do

Christian Graus 22-Aug-12 12:05pm

right click somewhere in chrome, choose inspect element. Go to the script tab and find your script and insert a breakpoint, then you can step through.

Ryanm1324 22-Aug-12 12:06pm

ok Ill try that

Ryanm1324 22-Aug-12 12:17pm

It shows Uncaught TypeError: Cannot call method 'click' of null Default.aspx:173
NewTxOkay Default.aspx:173
(anonymous function)

Christian Graus 22-Aug-12 12:20pm

Weird. So that means the button does not exist. Are you SURE it does ? Have you read the source ? If this is ASP.NET, the ClientID property of your button gives you the ID you need, and it may not be the server side name.

Ryanm1324 22-Aug-12 12:25pm

Here is the button
<asp:Button ID="btnSearch" runat="server" Text="Reload"
onclick="btnSearch_Click"/>
But when I view it in the chrome debugger it is
<input type="submit" name="ctl00$MainContent$btnSearch" value="Reload" id="MainContent_btnSearch" />
Should I be using MainContent_btnSearch?

Christian Graus 22-Aug-12 12:27pm

IDeally you'd do something like this
$("#<%=btnSearch.ClientID%>").click();
or if your js is in a file ( which I approve of ) create a js variable in your aspx that you use as the id of the button. This is because if you change the layout of your page, this id will change.

Ryanm1324 22-Aug-12 13:04pm

When I put if(jQuery().pluginName) before the call to click the button it does not get run. Does this mean that the jQuery is being loaded. I have <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> but is this correct

Christian Graus 22-Aug-12 13:44pm

That's a pretty old version, I would upgrade. You can also click on that link in chrome and it will load the file, or give you an error if it's not there. I've never seen that code, I've never added a check like that to my code ( although it seems like a good idea to do so )

Ryanm1324 22-Aug-12 14:24pm

I updated jQuery and used $("*[id$='btnSearch']").click();
It is now working.
Thank you for all your help with this. I will for sure be using Chrome to debug now.

Christian Graus 22-Aug-12 14:35pm

Glad to help. Chrome is awesome, I use it all the time