Question

108

Why does my event handler cause an is not a function error, but works from the Firebug console?

rated 0 times [ 113] [ 5] / answers: 1 / hits: 15362 / 16 Years ago, tue, february 10, 2009, 12:00:00

Using JQuery 1.2.6, testing from Firefox 3 and IE7. I have a very basic bit of JavaScript to reload a captcha image. In my JS file, I have:

var Captcha = {

    count: 0,



    Refresh: function(){

        // Concatenate count to force a URL change, which forces the browser to reload the image

        $('#Captcha').attr('src', 'Captcha.aspx?' + Captcha.count);

        Captcha.count++;

    }

}

My link looks as follows:

<a href=javascript:void(0); id=ChangeCaptcha onclick=Captcha.Refresh();>Try a different image</a>

When I click on the link, I get a JavaScript error. From the Firebug plugin for Firefox, it says Captcha.Refresh is not a function. So, I go to my Firebug console in the same window, and type

Captcha

And I get an object in the response line (as expected). I then type

Captcah.Refresh

And I get a function() in the response line (as expected). I then type

Captcha.Refresh()

And it executes the function, updates my captcha image, everything is dandy. If I go back and try the link again, it still does not work. If I type in Capcha.Refresh() into the console without ever hitting the link, it also works fine. What on earth am I missing here? Clearly the JS is getting loaded, but why doesn't that function call work?