ASP.NET AJAX Discussion and Suggestions

Re: Javascript button click event oddity in FireFox

lineika — Fri, 08 May 2009 21:45:00 GMT

You are very very welcome! Glad I could help!

Re: Javascript button click event oddity in FireFox

praveennerd — Fri, 08 May 2009 20:59:35 GMT

Thanks Lineika ... This indeed worked in my case where I must stimulate the click event as many validations were attached to it and eval was kind of useless to me. Once again thanks for the perfect solution you provided.

Re: Javascript button click event oddity in FireFox

zyxockjm — Mon, 19 May 2008 18:27:38 GMT

lineika, thank you so much for your post. That solved my problem for my firefox issue. I was trying to look for some sort of onclick() event because click() wasn't working in firefox.

Re: Javascript button click event oddity in FireFox

lineika — Fri, 04 Apr 2008 22:51:36 GMT

hello guys I dont know if anybody still needs help but i found this to work:

if ($get("buttonName").dispatchEvent)

{

var e = document.createEvent("MouseEvents");

e.initEvent("click", true, true);

$get("buttonName").dispatchEvent(e);

}

else

{

$get("buttonName").click();

}

Re: Javascript button click event oddity in FireFox

yizharm — Mon, 04 Feb 2008 08:03:46 GMT

Hi,

It's work very good, Thank you very much!!!

Re: Javascript button click event oddity in FireFox

giles.hinton — Tue, 18 Sep 2007 10:28:22 GMT

This is because IE automatically holds the event object at the window level, whereas Mozilla does not as far as I'm aware.

Whereas in IE you can fire an event, and in the receiving function, identify the caller using event.srcElement, Mozilla requires you to pass the event object as part of the argument in order to identify the caller. This simply means that instead of using runFunction(), you use runFunction(event).

You can then pick up the caller in Mozilla using event.target.

My experience would lead me to suggest that the window.event property in IE is one of those "Microsoft-only" implementations, and not adherent to any W3C standard; whilst this isn't always a bad thing, Microsoft shouldn't be using it in what is supposed to be a truly "cross browser" capable set of extensions.

Just my two-pennies' worth - I'd be grateful if anyone knows if Mozilla plan to change their model in the future, as to be fair it is a pain to have to pass around the event object.

Re: Javascript button click event oddity in FireFox

darwinc — Tue, 10 Apr 2007 12:10:45 GMT

e.g. its a work around for fire a button when hitting enter in a textbox (searchBox...)

thx a lot!

Re: Javascript button click event oddity in FireFox

WishStar99 — Thu, 29 Mar 2007 17:40:30 GMT

Garbin, thanks for the solution. Cheer

Re: Javascript button click event oddity in FireFox

haphazard — Fri, 23 Feb 2007 19:52:42 GMT

I was having the same problem. Lost half a day trying to figure it out. Just wanted to say thanks.

Re: Javascript button click event oddity in FireFox

Eilon — Tue, 10 Oct 2006 01:51:54 GMT

I think that what happens in Firefox is that when you call click() on the button it simply invokes all the event handlers and doesn't really do a click operation. And I'm also pretty sure that according to W3C that IE has the correct behavior by truly simulating a click operation. We don't have any plans to make this oddity work with Atlas since there appear to be workarounds. Also I'm not really sure why you'd want to explicitly click a button - it would seem to me that that is just to workaround issues in the app.

Thanks,

Eilon

Re: Javascript button click event oddity in FireFox

danman_5 — Sun, 11 Jun 2006 09:30:31 GMT

Thanks Garbin, worked a treat!

Re: Javascript button click event oddity in FireFox

Garbin — Wed, 24 May 2006 15:05:23 GMT

Hi,

solution: declare the hidden button with UseSubmitBehavior="false": this will make the button postback with the ASP.NET postback model and this should do the trick.

<div style="display:none;">
    <asp:Button id="btnHidden" runat="server"
                OnClick="btnHidden_Click"
                UseSubmitBehavior="false"
                />
</div>

Re: Javascript button click event oddity in FireFox

danman_5 — Wed, 10 May 2006 23:14:16 GMT

Hi there, I am experiencing the exact same error with my application, did you come up with any workaround for this problem?

For me I want to be able to Trigger the update for a specific update panel, but firefox updates them all if the click event is triggered in javascript...

I would be very interested if you had any suggestions...

Thanks,
Dan

Re: Javascript button click event oddity in FireFox

Luis Abreu — Thu, 04 May 2006 13:08:10 GMT

hello.

yes, firefox handles things differently than IE.

the problem occurs on the method _onFormElementClick. you see, when you call the click method programatically, you'll get different results in IE and firefox. to IE, the window.event.srcElement points to the button; however, in firefox, it points to the javascript code you've added to the href attribute.

to be honest, i don't have a clue on which type of behavior is correct. what i'd suggest is opening a bug entry by adding a new post on this forum with the word [BUG] on the title.

Javascript button click event oddity in FireFox

pinkmuppet — Wed, 03 May 2006 22:58:44 GMT

Hi Everyone -- This code works fine when outside of an UpdatePanel, but when inside, the server side event never gets called. It works fine in IE (both inside and outside of an UpdatePanel).

Any Ideas? Code to repro below:

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

html xmlns="http://www.w3.org/1999/xhtml" >

head runat="server"></head>

body>

<atlas:ScriptManager EnablePartialRendering="true" runat="server" />

<atlas:UpdatePanel ID="mainUpdatePanel" Mode="Always" runat="server">

<a href="" id="javascriptBtnInvoke" runat="server">javascript button click</a>

</ContentTemplate>

</atlas:UpdatePanel>

</form>

body>

html>

public

partial class _Default : System.Web.UI.Page

{

protected void Page_Init(object sender, EventArgs e)

{

btn.Click +=

new EventHandler(btn_Click);

}

protected void Page_Load(object sender, EventArgs e)

{

javascriptBtnInvoke.HRef =

"javascript:document.getElementById('" + btn.ClientID + "').click();";

//also tried this -- doesn't work in our out of a update panel

//javascriptBtnInvoke.HRef = "javascript:__doPostBack('" + btn.ClientID + "','');";

}

void btn_Click(object sender, EventArgs e)

{

}