Cadre du prototype/appel du bouton

Question

Je pensais que c'était assez simple, mais je n'obtiens pas les mêmes résultats que les tutoriels que j'ai lus. J'ai un bouton sur une page HTML qui appelle une fonction dans les balises de script. J'ai aussi une référence au fichier prototype.js que je n'ai même pas encore commencé à implémenter. Si je laisse cette référence dans la page, mon appel de fonction ne fonctionne pas à partir de l'événement onclick du bouton. Voici ce qui est appelé à partir de l'événement button onclick.

callIt = function(){ 

alert('It worked!'); 
} 

</script> 

Answer 1

A deux choses: d'abord, assurez-vous que votre HTML est valide. Exécutez-le via le validateur au http://validator.wc.org.

Ensuite, une fois que vous êtes sûr que votre page est valide, ajoutez la bibliothèque prototype.js comme la première référence de script sur la page:

<script type="text/javascript" src="prototype.js"></script> 

Notez que je ne fermai pas comme ça <script ... /> Maintenant, pour répondre à votre question, je ne sais pas vraiment ce que vous demandez, mais si vous vouliez attacher la méthode callIt à un autre, vous devez avoir une balise de fermeture explicite (au moins en XHTML 1.0 Transitional). le gestionnaire onclick de votre bouton en utilisant Prototype, puis faites ceci:

Event.observe(window, 'load', function() { 
    Event.observe('button_id', 'click', callIt); 
}); 

Placez ceci dans les balises de script dans l'élément de la page, sous la référence de script prototype. Cela va s'exécuter lorsque le DOM est chargé & le bouton existe sur la page.

Espérons que cela aide.

Answer 2

Cela a fonctionné. Je suis juste perplexe pourquoi aucun des exemples que j'ai travaillés n'a fait cela.

Merci!