Nasıl yapılır?
Her geçen gün daha da popülerleşen bu JavaScript kodunu sitenizin istediğiniz alanına ekleyebilirsiniz. Fakat alanları içerisine eklemenizi öneririz. İlk olarak sayfa taslağı üzerinden çalışmaya başlayalım. Ama önce fonksiyon tanımlamamı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ısıma geldik. Kopyalama işlemiyle birlikte gidecek olan kaynak metnini belirleyelim. Çift tırnak içerisindeki alanı düzenleyebilirsiniz. Document.location.href+ size metnin kopyalandığı sayfayı verir.
var metin = "Kaynak : "+document.location.href+"";
Ş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.kaynak;
Kısaca
Tek tek uğraşmak zor geliyor ve işin mantığı değil, işlevi sizi ilgilendiriyorsa buradan buyrun. İşte tüm kodlar derlenmiş şekilde aşağıda :
function kaynak() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
/* Alttaki alanı düzenleyebilirsiniz */
var metin = "
Kaynak : "+document.location.href+"";
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.kaynak;
Kaynak : http://www.adobewordpress.com/kopyanan-yaziya-otomatik-olarak-kaynak-linki-nasil-eklenir