Why is onClick Firing Immediately?

Hello there.

This is baffling me. I haven't done any Javascript in quite awhile, but I know this is supposed to work. Somehow it isn't;

HTML Code:

---

window.onload = function()
        {
        document.getElementById('Track01_Bubble01').onclick = myFunction();
        }

---

Code:

---

function myFunction()
        {
        alert('Hello World!');
        }

---

Somehow the function is being triggered as soon as the page loads, and it's not when I click on 'Track01_Bubble01'.

Does anyone see anything that I'm missing? I'm totally stuck.

hmm... Dropping it into an anonymous function seems to have solved it;

HTML Code:

---

<script type="text/javascript">
        window.onload = function()
                {
                document.getElementById('Track01_Bubble01').onclick = function()
                        {
                        myFunction();
                        }
                }
</script>

---

Code:

---

window.onload = function()
        {
        document.getElementById('Track01_Bubble01').onclick = myFunction();
                                                                        ^^^
Because of these parentheses, you're executing the function and assigning its return value rather than assigning a reference to the function itself.
        }

---

Quote:

---

Originally Posted by Jeff Mott

Code:

---

window.onload = function()
        {
        document.getElementById('Track01_Bubble01').onclick = myFunction();
                                                                        ^^^
Because of these parentheses, you're executing the function and assigning its return value rather than assigning a reference to the function itself.
        }

---

---

AHA!

Thanks very much, Jeff!