JQuery HTML Elemanı Kopyalama Veysel Uğur KIZMAZ Javascript 19.10.2011 20:23:24 Hit : 479 Bu makalemizde jQuery ile HTML elemanını sayfa içinde başka bir yere kopyalama işlemini inceleyelim. Örnek uygulamamızda resim nesnemizi, son hr’den sonraya kopyalayacağız. <html> <head> <title>Javascript Prototype</title> <script src="jquery-1.5.1.js"></script> <script type="text/javascript"> var kopyalanacak = null; $(document).ready(function(){ $("button:first").click(function(){ kopyalanacak = $("img:first").clone(); $("hr:last").after(kopyalanacak); }); }); </script> </head> <body> <img src="resim.jpg" id="pbResim"/> <hr/> <button>Kopyala</button> <hr/> </body> </html> kopyalanacak = $(“img:first”).clone(); ilk resmi “kopyalanacak” değişkenine kopyalar. $(“hr:last”).after(kopyalanacak); son hr’den sonraya kopyalanacak değişkeninin içindeki değeri atar, yani resmi yapıştırır. 1. maddede clone() dediğimizde sadece elemanı kopyalıyoruz. Clone(true) şeklinde kullandığımız zaman elemana atanmış eventları da kopyalıyoruz. Veysel Uğur KIZMAZ Bilgisayar Mühendisi veysel@ugurkizmaz.com www.ugurkizmaz.com » » » »
