views:

151

answers:

3

Hi,

The following code is throwing two alerts as expected in IE but not in Firefox. Please help.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
    function myFunction(){
        alert('myfunc');
        document.getElementById('mylabel').click();
    }
//-->
</SCRIPT>

 </HEAD>

 <BODY>
  <p id='mylabel' onclick="alert('you reached');"></p>


  <input type='button' value="Click me" onclick='myFunction();'/>
 </BODY>
</HTML>

Thanks

+3  A: 

There's no click method on elements. Are you using any library?

Usually you have to do something like element.fireEvent('click') (prototype, mootools)

or element.click() (jquery)

UPDATE- Similar question: http://stackoverflow.com/questions/809057/how-do-i-programmatically-click-on-an-element-in-firefox

Looks like an ugly and brittle solution, if I were you I'd just include jQuery and let that handle all the browser quirks.

Infinity
but this works in IE
Bragboy
IE supports a lot of things that are not part of the standard Javascript implementation, but they won't work in other browsers.
Infinity
ok.. but wat will be the work around ? is there a way i could do this without using any libraries like jQuery ?
Bragboy
It looks like Firefox does support `click` on certain elements, but it's still not part of the standard and therefore a bad practice. https://developer.mozilla.org/en/DOM/element.click
Infinity
A: 

Because the <p> tag does not have the method click.

mhitza
+2  A: 

Firefox only has a click() function for form elements such as buttons. However, you can call the onClick function directly; you can change the line to

document.getElementById('mylabel').onclick();

This works in firefox or IE (but note that it requires that the function actually exists, which you know it does in this example).

Also note that you aren't actually simulating a click on that element (so, for example, if there were other things that such a click would do, such as also act as a click on the container, they won't happen). You're just getting the function that would run on a click, and running it directly. So it's not a solution for all situations where you need to simulate a click.

JacobM
Sweet that worked!
Bragboy