Javascript - how does this button fires something?

Javascript is not my speciality.

I have a page that contains an image. This image, when clicked, fires an Ajax code, that shows a floating box. Analyzing the page code, I don't see how this button can fire the code.

The button is declared like this:

<div class="leaderboard-text">
  <span id="addon-add-language-button">
    <image class="ajaxListAddButtonEnabled" listId="localizationList"
           src="/itc/images/blue-add-language-button.png" />
    <image class="ajaxListAddButtonDisabled" listId="localizationList"
           style="display:none;" 
           src="/itc/images/blue-add-language-button-disabled.png" />
  </span>
</div>

just after this code, I s开发者_运维百科ee this var being declared:

<script language = "Javascript">
    var createList_localizationList = function() {
        var reorderEnabled = false;
        var preventLastRowDeletion = false;
        var searchEnabled = false;
        var list = new LCAjaxList();
        list.initialize():
    }
    document.observe("dom:loaded", createList_localizationList);
</script>

As far as I see, the image is firing somehow this javascript, but how can the button do that if there's no "onclick" or href reference tied to it? Where is the line that tells which method should run when the image is clicked?

What should I look on the code to get a clue how this button works?

What I need is to fire the method used by this button using javascript.

any clues?

================

after reading all that you guys have written, I have used Safari's Inspect Element and identified this listener attached to the object:

is this of any help? Now the question: how do I fire the method associated with this image from javascript? Thanks guys.

My guess is that it's either one of the two statements

var list = new LCAjaxList();
list.initialize():

They seem really bad designed. A list object should take a DOM object to act upon. LCAjaxList probably hardcodes the element to bind to.

What you're looking for is .observe. That adds an event listener, so somewhere there may be

$('addon-add-language-button').observe('click', SomeFunction)

Event listeners are the preferred way to handle javascript events, rather than using an HTML onClick.

When the DOM is completely loaded on the page it fires the event listener "createList_localizationList", so there is no need for a user to click on anything. You can add an event liseter to the button for onclick, instead of when the DOM loads with your button.

You could try this:

 $('ajaxListAddButtonEnabled').observe('click', createList_localizationList);

I am not sure if that class is used again, but maybe if you add an id to that element (id='someidname') to make sure you are not adding this to another element on the page.