Bu dersimizde javascript ve flash kullanarak nasıl bir metini kopyalayacağımızı anlatacağım.Öncelikle kopyalamaktan kastımı anlatayım.Bir sayfada metini seçerek sağ tık kopyala veya ctrl+c yaptığımızda metin kopyalanır.Bizde sayfada her hangi bir işlem yaptığımızda bu kopyalama işlemini yaptırabiliriz.
İncele : http://ustaderslik.com/ornek/kopyala/
İndir : http://ustaderslik.com/dosya/kopyala.rar
Şimdi kodlarımıza geçelim.
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ustaderslik.com/ornek/kopyala/ZeroClipboard.js"></script>
<title>UstaDerslik</title>
</head>
<body>
<div id="metin">cArleone</div> <br />
<button id="kopyala">Kopyala</button>
<br /><br />
<textarea rows="5" cols="30">
Yapıştır...
</textarea>
<script type="text/javascript">
var metin=document.getElementById("metin").innerHTML;
ZeroClipboard.setMoviePath('http://davidwalsh.name/demo/ZeroClipboard.swf');
var clip = new ZeroClipboard.Client();
clip.addEventListener('mousedown',function() {
clip.setText(metin);
});
clip.addEventListener('complete',function(client,text) {
alert("Kopyalandı: "+text);
});
clip.glue('kopyala');
</script>
</body>
</html>
Ben kopyala butonuna basınca div içindeki metini kopyalattıracağım.Kodları açıklamaya başlayalım.
var metin=document.getElementById("metin").innerHTML;
diyerek metin idli divimin içindeki veriyi alıp ,metin adlı değişkene atıyorum.
En alttaki
clip.glue('kopyala');
ile işlem yaptıracağım objenin idini yazarak erişiyorum.Burda idi kopyala olan button.
ZeroClipboard.setMoviePath('http://davidwalsh.name/demo/ZeroClipboard.swf');
var clip = new ZeroClipboard.Client();
Diyerek swf mizi dahil edip kullanıma hazır hale getiriyoruz.
clip.addEventListener('mousedown',function() {
clip.setText(metin);
});
Burada ise eriştiğimiz objeye şu şu olursa şu kopyala diyoruz.Mousedown üzerine tıklanan evıntıdır.Bunu hover veya focus artık hangi evıntı istiyorsanız.SetText(); içine kopyalanacak metni girdiğinizde kopyalanır.
clip.addEventListener('complete',function(client,text) {
alert("Kopyalandı: "+text);
});
Burada ise kopyalama işlemi bittiğinde ,işlem yapmak için.Kullanada bilirsiniz ,isterseniz kullanmayada bilirsiniz.
Kullanımı bu kadar.
UstaDerslik
