ansaurus

Question

Javascript event not being fired.

Answer 1

+1 A:

Because theButton doesn't exist yet when you run your script?

Wrap it into the body's onload event or jQuery's ready().

Pekka 2010-06-18 20:26:39

jQuery's `ready()` is a wrapper for `DOMContentLoaded` event, not `laod` event.

Crozin 2010-06-18 20:48:16

@Crozin I know, but IIRC, getting `DOMContentLoaded` without jQuery across browsers was awfully difficult. Still, you are right.

Pekka 2010-06-18 20:50:16

@Pekka - What do you mean by does not exist yet?

Babiker 2010-06-18 21:03:15

@Babiker at the point the Javascript is executed, the DOM isn't rendered by the browser yet, so you can't access any elements in the DOM.

Pekka 2010-06-18 21:06:57

Answer 2

+1 A:

Try wrapping it in the document.Ready() function.

Brandon 2010-06-18 20:29:08

That doesn't necessarily exist - the OP is not using jQuery.

Pekka 2010-06-18 20:41:13

Answer 3

+2 A:

You have three problems

You misspell function on line 7. (This generates a runtime error, by the way)
You try to access the node #theButton before it's available in the DOM. Take Pekka's advice for this one
You overwrite the onclick property on line 8 - not sure if you're doing that on purpose or what

Peter Bailey 2010-06-18 20:31:44

Answer 4

+1 A:

I like the jQuery.ready() answer, but I believe you could also move the <script> block to some point afeter you delcalre the button like at the end of the page.

Seattle Leonard 2010-06-18 20:33:14

... or use the `onload` event.

Pekka 2010-06-18 20:42:54

Answer 5

+1 A:

It works if you put the onclick within the input tag (and spell things right):

<html>
     <head>
      <script type="text/javascript" language="javascript">



       function clickAlert(){
        alert("Clicked!");       

       }

      </script>
     </head>
     <body>
      <input type="button" id="theButton" NAME="theButton" onclick="clickAlert()">
     </body>
    </html>

Tommy 2010-06-18 20:33:37

ansaurus

tags:

views:

answers:

Javascript event not being fired.

related questions