Javascript ile Metini Kopyalattırmak
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Javascript ile Metini Kopyalattırmak

profil
cArleone
BEĞEN(1)
BEĞENME(0)
GÖRÜNTÜLENME(2387)
RAPOR ET
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.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol