0

Ceci est la structure de HTML. Je dois ajouter un écouteur d'événement quand l'utilisateur clique sur div avec className "next_button". J'essaye d'ajouter un écouteur d'événement en employant le prototype.Aide à l'enregistrement d'un écouteur d'événement sur un élément

<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> 

This is the script which executes on load. 

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

}); 

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


The problem is "calling me" alerted as the window load completes. I am not able to figure out the problem. What i missing. I have to show alert message when user click on next button.. Thank You 
+2

Essayez '.observe ('click', tezt)' (c'est-à-dire se débarrasser de '()' après tezt). –

+0

Cela fonctionne. Merci M. Fresh. – Shashi

+0

S'il vous plaît, appelez-moi Crescent. De plus, vous êtes les bienvenus. Je vais laisser à quelqu'un d'autre d'expliquer pourquoi cela a fonctionné. –

Répondre

1

Le deuxième paramètre à observer devrait être une référence à une fonction. Lorsque vous avez passé tezt() comme deuxième paramètre, vous exécuté tezt() et transmis son résultat pour observer.

Questions connexes