Hola, he rescatado esta conversación porque, aunque es de ya hace algun tiempo, me ha resultado interesante, solo hay una cosa que no me ha quedado clara porque no consigo hacer:
¿Cuando se clona un elemento los métodos que tiene asociados se copian en el elemento destino? Es que yo no lo logro.
Echádle un vistazo a este código si teneis un ratillo:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript" language="JavaScript">
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">
document.getElementById("imatge").addEventListener("click",clona,false);
</script>
</body>
</html> La intención de esto es que al hacer click sobre la imagen esta se clone, como podéis ver esto pasa así si usais Firefox (con IE no me ha funcionado) ya que aparece una nueva imagen similar a la derecha de la original.
Mi desilusión ha sido ver que al hacer click en la imágen clonada no sucede nada, es decir, los métodos de la imagen original no se clonan...
Creo haber entendido que Caricatos si logró hacerlo... me podríais echar una manita?
Muchas gracias.