error de JavaScript cuando cambio a gracia degradantes javascript: zoomImage () que no se encuentra

Question

Cuando cambio la siguiente:

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

a esto:

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

Me sale un error que la función zoomImage () no se pudo encontrar.

Esta es una página de ejemplo: http://www.avaline.com/102

La función se define cerca del final de la página, pero no haga clic en el enlace hasta después de la página de carga.

Answer 1

Debería ser asociar controladores de eventos para eventos en código. Generalmente no se recomienda el uso de JavaScript en línea (javascript dentro de las etiquetas HTML).

Tome un vistazo a este artículo, en particular "La manera muy discreto":

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