Remotely clicking a submit button

@comasterApr 24.2004

I have two frames:

Frame two has a submit button for a form.

I want to be able to click that submit button from frame one using javascript.

Here is the code I used:

onClick=”top.two.formName.submit.click();”

This works great in IE. I cannot get it to work in Netscape, even Netscape 7.1.

What am I doing wrong, or how can I get it to work in Netscape?

Thanks.

to post a comment

JavaScript

@NedalsApr 24.2004 — #onClick="top.two.formName.submit.click();"[/quote]
That works in IE ?? Strange!

It should read...

onclick="top.two.formName.submit();"

or is it...

onclick="top.two.document.formName.submit();"

@comasterauthorApr 25.2004 — #Thanks nedals for the response,

All I wanna do is be able to click a button programmatically. It doesn't have to be a submit button.

So, if I have:

<input type="button" name="mybutton">

The right js code would be

onClick="top.two.formName.mybutton.click();"

This works in IE, and I don't think it's an unreasonable coding requirement.

@fredmvApr 25.2004 — #You have to use something called synthetic events to get it working in Mozilla. Take the following example for instance:

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
 
 &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
 &lt;head&gt;
 &lt;title&gt;untitled&lt;/title&gt;
 &lt;meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" /&gt;
 &lt;script type="text/javascript"&gt;
 //&lt;![CDATA[
 function fireEvent()
 {
 var e = document.createEvent('MouseEvents');
 e.initEvent('click', true, false);
 document.getElementById('foo').dispatchEvent(e);
 }
 
 <i>	</i>		onload = function()
 <i>	</i>		{
 <i>	</i>			setTimeout(fireEvent, 3000);
 <i>	</i>		}
 <i>	</i>	//]]&gt;
 <i>	</i>	&lt;/script&gt;
 <i>	</i>&lt;/head&gt;
 <i>	</i>&lt;body&gt;
 <i>	</i>	&lt;h1 onclick="alert('event fired!');" id="foo"&gt;Firing &lt;code&gt;onclick&lt;/code&gt; event in 3 seconds&lt;/h1&gt;
 <i>	</i>&lt;/body&gt;
 &lt;/html&gt;

Alternatively, you could add a [font=courier]click[/font] method onto all [font=courier]HTMLElement[/font] objects:

if(typeof HTMLElement != 'undefined')
 HTMLElement.prototype.click = function()
 {
 // thanks to Jason Davis for the following code
 var evt = this.ownerDocument.createEvent("MouseEvents");
 evt.initMouseEvent("click", true, true, this.ownerDocument.defaultView, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
 this.dispatchEvent(evt);
 }

Which would then allow you to use it just like you would in IE.

@comasterauthorApr 25.2004 — #fredmv thanks. I'll give that a try. Unbelievable how much one has to improvise just to accomplish something so simple.

Remotely clicking a submit button

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Remotely clicking a submit button

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴