Javascript erreur lorsque je passe à Javascript gracieusement dégradante: ZoomImage () introuvable

Question

Quand je passe ceci:

<div class="zoom">
<a href="javascript:zoomImage();" class="btn-zoom">view larger image</a>
</div>

à ceci:

<div class="zoom">
<a href="/zoomimg.jpg" onclick="zoomImage()" class="btn-zoom">view larger image</a>
</div>

J'obtiens une erreur que la fonction ZoomImage () n'a pas été trouvé.

Voici un exemple de page: http://www.avaline.com/102

La fonction est définie à la fin de la page, mais je ne cliquez pas sur le lien jusqu'après la page chargée.

Answer 1

Vous devriez attacherai gestionnaires d'événements aux événements dans le code. En utilisant javascript en ligne (javascript dans les balises HTML) est généralement pas recommandée.

Jetez un oeil à cet article, en particulier « La façon vraiment discrète »:

http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html