wmaraci reklam

Yazının kalıcı bağlantısını kopyalayan buton

5 Mesajlar 775 Okunma
smmexpress

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)
Merhabalar,

Siteye eklediğim bir buton ile yazının /?p=ıd şeklinde olan kalıcı bağlantısının kopyalanmasını istiyorum. Hangi kodu eklemeliyim acaba?

Örnek:
https://www.bozuktus.com/2017/06/18/fantasy-general-gog-da-ucretsiz-25348/
Yazısında butona basınca https://www.bozuktus.com/?p=25348 adresi otomatik olarak kopyalanmış olacak.
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻
wmaraci
reklam

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2773
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Önce single.php ye gözükmesini istediğin bir yere aşağıdaki kodla bir button ekle:



Daha sonra button un altına aşağıdaki kodu ekle:

<script>
function copyToClipboard(text) {
if (window.clipboardData && window.clipboardData.setData) {
return clipboardData.setData("Text", text);

} else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
var textarea = document.createElement("textarea");
textarea.textContent = text;
textarea.style.position = "fixed";
document.body.appendChild(textarea);
textarea.select();
try {
return document.execCommand("copy");
} catch (ex) {
console.warn("Copy to clipboard failed.", ex);
return false;
} finally {
document.body.removeChild(textarea);
}
}
}

document.querySelector("#copy").onclick = function() {
var result = copyToClipboard("");
console.log("copied?", result);
};
</script>
MuratDinc

kişi bu mesajı beğendi.

MuratDinc MuratDinc Miyavliyo - WiseKitten Kullanıcı
  • Üyelik 01.11.2012
  • Yaş/Cinsiyet 32 / E
  • Meslek Girişimci
  • Konum Balıkesir
  • Ad Soyad M** D**
  • Mesajlar 1583
  • Beğeniler 207 / 257
  • Ticaret 5, (%100)

bilimokur adlı üyeden alıntı

Önce single.php ye gözükmesini istediğin bir yere aşağıdaki kodla bir button ekle:



Daha sonra button un altına aşağıdaki kodu ekle:

<script>
function copyToClipboard(text) {
if (window.clipboardData && window.clipboardData.setData) {
return clipboardData.setData("Text", text);

} else if (document.queryCommandSupported && document.queryCommandSupported("copy")) {
var textarea = document.createElement("textarea");
textarea.textContent = text;
textarea.style.position = "fixed";
document.body.appendChild(textarea);
textarea.select();
try {
return document.execCommand("copy");
} catch (ex) {
console.warn("Copy to clipboard failed.", ex);
return false;
} finally {
document.body.removeChild(textarea);
}
}
}

document.querySelector("#copy").onclick = function() {
var result = copyToClipboard("");
console.log("copied?", result);
};
</script>



Hocam button olarak değil de span olarak eklemek mümkün mü? Ya da div olarak? button olarak ekleyince buton css'si geliyor hoş olmuyor. Ben text olarak kullanacağım bunu.
 

 

👉 Türkiye'nin En Minnoş Kedi Bloğu Miyaliyo! 😻

DeepGloss DeepGloss Bir programcının notları Kullanıcı
  • Üyelik 27.03.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Yazılım
  • Konum Adana
  • Ad Soyad D** D**
  • Mesajlar 970
  • Beğeniler 485 / 236
  • Ticaret 42, (%100)
SkyGhostAir fark etmez arkadaşın verdiği kodları Text'te de kullanabilirsiniz.
 

 

wmaraci
wmaraci

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 32 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2773
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
buttona background: none ve border: 1px solid #000 gibi kodlar eklersen görünümü güzel durabilir ama SametDemir kardeşimin dediği gibi de yapabilirsin.
DeepGloss

kişi bu mesajı beğendi.

wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al