passing paramaters in Javascript function producing unexpected result

Question

I have a function where I pass ID parameters as objects into a javascript function but the browser does not pick it up.

<div id="searchByUser">
    <input type="text" runat="server" id="txtSearchByEmail"  onclick="ButtonEnabled('butSearchByEmail', 'txtSearchByEmail')" onkeyup="ButtonEnabled('butSearchByEmail', 'txtSearchByEmail')" />
   <input type="button" runat="server" id="butSearchByEmail" onserverclick="butSearch_Click" value="Search User" disabled/>
</div>

if however I do this instead ButtonEnabled('MainContent_butSearchByEmail', 'MainContent_txtSearchByEmail') it works fine.

I got this information from the browser(Google Chrome)

Is there a way of doing this without 'hard coding' it like this?

this is the javascript function

function ButtonEnabled(objButton, objText) {
    var t = document.getElementById(objText);
    var b = document.getElementById(objButton);
    if (t.value.length > 1) {
        b.disabled = false;
    }
    else {
        b.disabled = true;
    }    
}

it would be helpful to see the code of your ButtonEnabled function — steven
– steven, Commented Jun 13, 2013 at 12:17
hmmm, normaly it should work like you expected. Are you using frames or something else? Is the id of your element not txtSearchByEmail in your html sourcecode? — steven
– steven, Commented Jun 13, 2013 at 12:22
I might me wrong but if you try by passing "document.getElementById(objButton)" instead of b in you condition it should work better — Thomas Ayoub
– Thomas Ayoub, Commented Jun 13, 2013 at 12:24
please ensure that there is only one element with that id in your code — steven
– steven, Commented Jun 13, 2013 at 12:28

Khanh TO · Accepted Answer · 2013-06-13 13:05:45Z

1

Looking at your code, you're using asp.net. You have to use ClientID

<div id="searchByUser">
    <input type="text" runat="server" id="txtSearchByEmail"  onclick="ButtonEnabled('<%= butSearchByEmail.ClientID %>', '<%= txtSearchByEmail.ClientID %>')" onkeyup="ButtonEnabled('<%= butSearchByEmail.ClientID %>', '<%= txtSearchByEmail.ClientID %>')" />
   <input type="button" runat="server" id="butSearchByEmail" onserverclick="butSearch_Click" value="Search User" disabled/>
</div>

answered Jun 13, 2013 at 13:05

Khanh TO

49k13 gold badges101 silver badges117 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

passing paramaters in Javascript function producing unexpected result

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related