 |
| Kopyalanan Yazıya Otomatik Olarak Kaynak Linki Nasıl Eklenir? |
Bu dersimizde sitenizden kopyalanan metinleri kaynak linki ekleyeceğiz.
Nasıl Yapılır?
Her geçen gün daha da popülerleşen JavaScript kodunu sitenizin istediğiniz alanına ekleyebilirsiniz. Fakat <head> </head> alanları içerisine eklemenizi öneririm.
İlk olarak sayfa taslağı üzerinden çalışmaya başlayalım. Ama önce fonsiyon tanımlarımızı yapalım.
function kaynak() {
var body_element = document.getElementsByTagName('body')[0];
Daha sonra seçim üzerinden işlemler yapmak için bir var tanımlayalım.
var selection; selection = window.getSelection();En önemli kısma geldik. Kopyalama işlemiyle birlikte gidecek olan kaynak metni belirleyelim. Çift tırnak içerisindeki alanı düzenleyebilirsiniz.
Document.location.href+ size metnin kopyalandığı sayfayı verir.
var metin = "<br /><br /> Kaynak : <a href='"+document.location.href+"'>"+document.location.href+"</a>";Şimdi kopyalanan metin alanını HTML içerisinde gizleyelim.
var kopyalanan = selection + metin;
var gizliDiv = document.createElement('div');
gizliDiv.style.position='absolute';
gizliDiv.style.left='-99999px';
body_element.appendChild(gizliDiv);
gizliDiv.innerHTML = kopyalanan;
selection.selectAllChildren(gizliDiv);
window.setTimeout(function() {
body_element.removeChild(gizliDiv);
},0);
ve son olarak fonksiyonu kapatalım.
} document.oncopy = kaynak;
Kısaca
Tek tek uğraşmak zor geliyor ve işin mantığı değil, işlevi sizi ilgilendiriyorsa buradan buyurun. İşte tüm kodlar derlenmiş şekilde aşağıda:
<script type="text/javascript">
function kaynak() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
/* Alttaki alanı düzenleyebilirsiniz */
var metin = "<br /><br /> Kaynak : <a href='"+document.location.href+"'>"+document.location.href+"</a>";
var kopyalanan = selection + metin;
var gizliDiv = document.createElement('div');
gizliDiv.style.position='absolute';
gizliDiv.style.left='-99999px';
body_element.appendChild(gizliDiv);
gizliDiv.innerHTML = kopyalanan;
selection.selectAllChildren(gizliDiv);
window.setTimeout(function() {
body_element.removeChild(gizliDiv);
},0);
}
document.oncopy = kaynak;
</script>
Yapamayan olursa yorumlarda belirtin. Çalıştığına dair örnek için sitemizden metin kopyalayıp deneyebilirsiniz.
Başarılı.
YanıtlaSilÇok teşekkürler işime yaradı.
YanıtlaSil