[JS] Image dupliceren na klik

[Verwijderd]

Het is de bedoeling dat er na een klik op een image deze wordt gekopieerd.
Deze moet je hierna kunnen draggen.
Het draggen is me al gelukt, alleen het dupliceren nog niet.

Iemand een idee?
Of een voorbeeld script?

[djluc]

Kan je niet een stukje van je code posten zodat we weten waar we het precies over hebben?

[dominic]

var newImg = oldImg.cloneNode(true);

[Verwijderd]

Dit is wat ik nu heb.

code:

<script language=JavaScript1.2>
function get() {
   plaatje = document.getElementById("bla");
   plaatje2 = plaatje.cloneNode(true);
   plaatje2.style.width = 200;
}
</script>

[img]"plaatje.gif"[/img]

Dit is wat ik nu heb.
Ik krijg geen error, maar er gebeuren ook geen dingen.

[crisp]

JavaScript1.2? oh ja, die goede oude Netscape 4 tijd Het staat alleen wel een beetje raar boven een script dat van DOM gebruik maakt
Anyway; je moet het nieuwe plaatje natuurlijk nog wel aan het document toekennen:

code:

<script type="text/javascript">
function get() {
   var plaatje = document.getElementById('bla');
   var plaatje2 = plaatje.cloneNode(true);
   plaatje2.style.width = '200px';
   document.body.appendChild(plaatje2);
}
</script>

[Verwijderd]

Je bent mijn held

[Verwijderd]

Het is de bedoeling dat als je op een image klikt deze wordt gedupliceerd en je deze kan draggen.
Het dupliceren is gelukt en het draggen ook.
Het probleem is alleen is dat als je de gedupliceerde image dragt hij deze als je muis los laat ook weer dupliceerd.

Dit is de code:

code:

<script type="text/javascript">
function get(welke) {
 var plaatje = document.getElementById(welke);
   if(plaatje.className=="origineel"){
     var plaatje2 = plaatje.cloneNode(true);
     plaatje2.style.width = '200px';
     plaatje2.className = 'drag';
     plaatje2.onClick = 'bla();';
     plaatje2.setAttribute('onClick', 'bla();');
     document.body.appendChild(plaatje2);
   }
}
</script>

Met deze img code.

code:

[img]"bla.gif"[/img]

Een image is dragbaar als het de class drag heeft.
Zoals je kunt zien in het script wordt daarom de class van de gedupliceerde image drag gemaakt.
Nu dacht ik, ik bouw een check in dat als de class niet 'origineel' is hij niet dupliceerd.
Alleen hij blijft de gedupliceerde opnieuwe dupliceren op het moment dat je stopt met draggen.
Ook al is zijn class 'drag'!

Iemand enig idee?

[Verwijderd]

Ook probeerde ik de waarde van onClick te veranderen in het script, zoals je nog kan zien, maar dit leverde niks op.