Hola de nuevo, lo que he hecho ha sido modificar un poco el código añadiendo una pequeña función que me encontré por ahi (concretamente aquí:
http://weblogs.asp.net/asmith/archiv.../06/30744.aspx)
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript" language="JavaScript">
function XBrowserAddHandler(target,eventName,handlerName){
if (target.addEventListener) target.addEventListener(eventName,handlerName,false);
else if (target.attachEvent) target.attachEvent("on" + eventName,handlerName);
};
function clona(){
var parent = this.parentNode;
var clon = this.cloneNode(true);
parent.appendChild(clon);
};
</script>
</head>
<body>
<div id="div1"><img id="imatge" src="b.png" width="16" height="16" alt="" border="0"></div>
<script type="text/javascript" language="JavaScript">
var imatge = document.getElementById("imatge");
XBrowserAddHandler(imatge,"click",clona);
</script>
</body>
</html>
Con esto me funciona en Firefox, IE y Opera, pero en IE me sale un error en la línea: var clon = this.cloneNode(true);
De todas formas, lo que quería averiguar era como copiar los manejadores de eventos y métodos cuando se clona un elemento.