lostyazilim
tr.link

Seçili Linkleri Yeni Sekmede Açma

2 Mesajlar 756 Okunma
lstbozum
tr.link

sworks sworks WordPress Kullanıcı
  • Üyelik 28.02.2018
  • Yaş/Cinsiyet 29 / E
  • Meslek Freelancer
  • Konum Diğer
  • Ad Soyad A** K**
  • Mesajlar 3292
  • Beğeniler 1797 / 1799
  • Ticaret 20, (%100)
fieldNames adlı array içerisinde belirtilen divlerin içerisindeki tüm linkler yeni sekmede açılır.


// Specify div(s)
const fieldNames = ['.more-link', '#featured-posts a', '.page-link a'];

// Select div(s)
const selectFields = fieldNames.map((field) => document.querySelectorAll(field));

selectFields.forEach((e, i) => {
if (selectFields.length > 0) {
// Get links within a specificied div
const linkArray = Array.prototype.slice.call(e);

// Add target="_blank" attribute to links
linkArray.forEach((link) => link.setAttribute('target', '_blank'));
}
});


[I]Github:
https://gist.github.com/serdarwork/e1a37dd1015f22e5add5813b477f8478
 

 

wmaraci
reklam

fmdogancan fmdogancan WM Aracı Kullanıcı
  • Üyelik 22.09.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Yazılım
  • Konum İstanbul Avrupa
  • Ad Soyad F** D**
  • Mesajlar 46
  • Beğeniler 6 / 10
  • Ticaret 0, (%0)
Merhaba, elinize sağlık biraz kısalttım,


// Specify div(s)
const fieldNames = ['.more-link', '#featured-posts a'];

// Select div(s)
fieldNames
.reduce((acc, field) => [...acc, ...document.querySelectorAll(field)], [])
.map((selectField) => selectField.setAttribute('target', '_blank'));


Test;
https://codepen.io/fatihmert/pen/zYZwMNE?editors=1011
sworks

kişi bu mesajı beğendi.

Github: https://github.com/fatihmert | CV: http://fatihmert.dev/        
wmaraci
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