Javascript function is not called in Google Chrome?

Question

I am trying to call a simple JavaScript function on the OnClientClick event, the function executes good in Firefox and IE10 but not at all working in Chrome and opera. I have checked the settings in Chrome V33 and Opera V15 and JavaScript is enabled in it.

This is button declaration in .aspx page

<asp:Button ID="Button2" runat="server" OnClientClick = "getValue()" OnClick="Button2_Click" Text="Label to Textbox" Width="135px" />

This is the button server side onClick event

protected void Button2_Click(object sender, EventArgs e)
{
    string script = "alert(\"Hello!\");";
    ScriptManager.RegisterStartupScript(this, GetType(),"ServerControlScript", script, true);
}

This is the function

document.getElementById('TextBox1').value = document.getElementById('Label2').innerHTML;
alert("foo");

Any assistance will be appreciated, Thank you.

Not working means ? Did you put a debugger and checked is your function is getting bypassed or getting any error ? Try putting a debugger and debug. — Suraj Singh, Apr 01 '14 at 07:02
I have added alert("Alert at line 1") in the very first line of Javascript. and its not being called off in Chrome and Opera. — Rahul, Apr 01 '14 at 07:03
Please check with a debugger if your function in getting called or not first thing and , If you can post your full `getValue()` function . — Suraj Singh, Apr 01 '14 at 07:15
`TextBox1` and `Label2` are asp.net controls or HTML controls ?? — Suraj Singh, Apr 01 '14 at 07:22
Try using `ClientID` use `document.getElementById('<%= TextBox1.ClientID %>')` instead . — Suraj Singh, Apr 01 '14 at 07:38

score 0 · Answer 1 · edited May 23 '17 at 12:11

I'm not sure, but it seems there is a conflict between onClientClick() and onClick() functions, it seems IE can resolve it but chrome can't

Plz correct me

"Vinay (above) gave an effective work-around. What's actually causing the button's OnClick event to not work following the OnClientClick event function is that MS has defined it where, once the button is disabled (in the function called by the OnClientClick event), the button "honors" this by not trying to complete the button's activity by calling the OnClick event's defined method."

From OnclientClick and OnClick is not working at the same time?

score 0 · Answer 2 · answered Apr 01 '14 at 07:10

0

ScriptManager.RegisterStartupScript does not work in Safari/Chrome when used with an updatepanel on a partial page postback

http://codeverge.com/asp.net.ajax-ui/scriptmanager.registerstartupscript-does-not/236335

answered Apr 01 '14 at 07:10

OppaiDaisuki

1
1

http://devnet.kentico.com/articles/ajax-not-working-properly-with-chrome-or-newer-versions-of-safari- – OppaiDaisuki Apr 01 '14 at 07:14

score 0 · Answer 3 · answered Apr 01 '14 at 07:15

0

You can try to add just "return null" at the end of the call.

<asp:Button ID="Button2" runat="server" OnClientClick = "getValue(); return null" OnClick="Button2_Click" Text="Label to Textbox" Width="135px" />

Sometimes the browsers get stuck in calls like that expecting a return from the function (also sometimes they don't, I don't know why exactly) and this little trick has been of use for me.

answered Apr 01 '14 at 07:15

Koalk

59
1
10

Ok, if I place return true in the end of my JS function, the client side must have work.??? But before returning anything it must have to get inside the function which is actually not the case. – Rahul Apr 01 '14 at 07:21
I have found some problems myself with that kind of functions and I had found two diferent solutions. Put the "return true/null/whatever" in the asignation as I said before. The other solution is to assign the function to the event directly in javascript (asuming you use jquery) `#Button2.onClientClick(function {getValue()})` – Koalk Apr 01 '14 at 07:53

score 0 · Answer 4 · answered Apr 01 '14 at 07:40

0

document.getElementById('<%=TextBox1.ClientID %>').value = document.getElementById('<%=Label2.ClientID %>').innerHTML;
alert("foo");

answered Apr 01 '14 at 07:40

Suraj Singh

4,041
1
21
36

Javascript function is not called in Google Chrome?

4 Answers4