Registrar um ouvinte de evento em um elemento

Question

Esta é a estrutura do HTML. Eu tenho que adicionar um ouvinte de evento quando o usuário clicar em div com className "next_button". Eu tento adicionar um ouvinte de eventos usando protótipo.

<div id="horizontal_carousel2">
  <div class="previous_button"></div>  
  <div class="container" >
    <ul>
       <li></li>
       <li></li>
       <li></li>
       <li></li>

    </ul>
    <div id="spinner2" style="display: block;"><br /></div>
  </div>
  <div class="next_button"></div>
</div>

Este é o script que executa na carga:

<script type="text/javascript">
Event.observe(window, 'load', function() {
            $$("#horizontal_carousel .next_button").first().observe( 'click',tezt());

});

function tezt()
{
    alert("calling me");
}
</script>

O problema é "a me chamar de" alertado que os concluída carga janela. Eu não sou capaz de descobrir o problema. o que estou perdendo? Eu tenho que mostrar mensagem de alerta quando o usuário clicar no botão próximo .. T

Answer 1

O segundo parâmetro para observar deve ser uma referência a uma função. Quando você passou tezt () como o segundo parâmetro, você executado tezt () e passou seu resultado para observar.