document.getElementById ( button ...

Question

1.00/5 (1 vote)

See more:

I have a textbox And TextboxdoubleClick Call script function

C#

txtBox.Attributes.Add("Ondblclick", "return clickButton(event, '" + btnSearch.ClientID + "')");

I am using the below script to call a button click in my usercontrol. But document.getElementById(buttonid) returns undefined

C#

<script type="text/javascript">
     function clickButton(event, buttonid) {
       
         var bt = document.getElementById(buttonid);
         if (bt) {
             bt.click();
         }
     }

Posted 13-Aug-13 2:10am

Member 8390746

Updated 13-Aug-13 2:13am

Thanks7872

v2

Add a Solution

Comments

Maarten Kools 13-Aug-13 8:16am

At what time in the page life cycle to you add the attribute to your textbox? My guess would be that btnSearch.ClientID results in an empty string.

ZurdoDev 13-Aug-13 8:18am

Isn't this a repost? Just view source on your page and find out what the actual rendered ID is and use that.

Ankur^\m/ 13-Aug-13 8:19am

What's the value of buttonid in clickButton function? Use firebug or VS debugger to find out and let us know.

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)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2013-08-13T02:37:00

Solution 1

Suggestion
Put a debugger like below...

XML

<script type="text/javascript">
     function clickButton(event, buttonid) {
         debugger;    

         var bt = document.getElementById(buttonid);
         if (bt) {
             bt.click();
         }
     }

Now, the execution will break at that point when you double click on TextBox.
Then, check the value of buttonid at this point by either hovering on it or putting it in watch of FireBug in FireFox.

Also check whether there is any element (with buttonid) present in the rendered html or not.

Posted 13-Aug-13 2:37am

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Comments

Member 8390746 14-Aug-13 1:32am

The value of buttonid is "ctl00_ContentPlaceHolder1_txtLOV3_btnSearch"
But It is not firing the click event of btnSearch".When I am adding my usercontrol txtLOV in to a sample project its working. Now I am try to use this user control in my main project that contains a master page and inherits from custom Base Class.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Aug-13 6:07am

Okay.

So, couple of questions for you...

Have you written any function for the click event of button?
Have you checked that the button is present inside the rendered html or not?

Check the console tab of FireBug in FireFox for all the errors and let me know.

Member 8390746 14-Aug-13 7:14am

Yes I wrote a function in button click event,and I mentioned above the usercontrol is working perfectly in a sample project ,contains a default page and the user control, that i created to check the usercontrol, all script functions are running perfectly.Now I add this usercontrol in to main project then only the problems occurs.

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Aug-13 7:18am

Try keeping all the scripts inside the Master Page.

Member 8390746 14-Aug-13 7:19am

I am also using the below script for textbox Keyup. Its working perfect

var to;
var prm = Sys.WebForms.PageRequestManager.getInstance(); // Page Request Manager object

function onTxtKeyUp(e, buttonid) {
// debugger;
if (e.KeyCode != 9)
to = setTimeout(function () {
performSearch(buttonid);
}, 300)
}
function onTxtKeyDown() {
if (to) clearTimeout(to);
}
function performSearch(buttonid) {

if (prm.get_isInAsyncPostBack) {
prm.abortPostBack();
}

__doPostBack(buttonid, "");

}

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Aug-13 7:31am

Can you show me the Button's mark up in aspx page? And its click event?

Member 8390746 14-Aug-13 7:44am

<asp:Button runat="server" ID="btnSearch" Style="display: none" OnClick="btnSearchClick" />

protected void btnSearchClick(object sender, EventArgs e)
{
BindDataToListView(txtBox.Text);
if (txtBox.Text == "")
{
ValueField = 0;
}
txtBox.Focus();
}

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 14-Aug-13 8:25am

So, you want to fire the Server click function.

Refer - http://stackoverflow.com/a/7646235.
It has some other solutions. Try them. Use the ClientID of Button.

Member 8390746 16-Aug-13 1:14am

This is my code. I am already using the clientid of button

txtBox.Attributes.Add("Ondblclick", "return clickButton(event, '" + btnSearch.ClientID + "')");

<script type="text/javascript">
function clickButton(event, buttonid) {
debugger;

var bt = document.getElementById(buttonid);
if (bt) {
bt.click();
}
}

Savalia Manoj M · Answer 2 · 2013-08-13T02:44:00

Solution 2

Hello,
Please try this,
Use btnSearch.StaticID instead of btnSearch.ClientID

txtBox.Attributes.Add("Ondblclick", "return clickButton(event, '" + btnSearch.StaticID + "')");

Posted 13-Aug-13 2:44am

Savalia Manoj M

Updated 13-Aug-13 2:46am

v3

Comments

Member 8390746 14-Aug-13 1:33am

there is no StaticID