Trik berikut digunakan untuk membuka link dengan dua url. Jadi ketika kita mengklik sebuah link/tautan maka akan terbuka 2 link yang jadi target tujuan.
Caranya, URL pertama dengan memanfaatkan perintah
href
pada HTML dan satu lagi dengan memanfaatkan perintah window.open
javascript.[ads id="ads1"] Catatan : Untuk beberapa browser terbaru seperti Chrome, Edge, dan Firefox telah memblokir perintah
window.open()
karena adanya fungsi AdBlock atau Popup Blocker. Jadi kemungkinan Demo 1 tidak berfungsi.
Solusinya bisa memakai fungsi lain seperti pada Demo 2
Demo 1:
Klik disini untuk membuka link/tautan dengan 2 URL.
Kode selengkapnya dapat kalian lihat dibawah :
Source code :
<a href="https://www.google.com" target="_blank" onclick='javascript:window.open("https://blog.nuslab.com")'> Klik disini untuk membuka link/tautan dengan 2 URL. </a>Pada baris pertama terdapat atribut
href
yang akan mengarahkan ke https://www.google.com, lalu pada baris kedua terdapat event javascript yaitu
onclick=javascript:window.open()
yang akan mengarahkan ke alamat https://blog.nuslab.comDemo 2:
Klik disini untuk membuka link/tautan dengan 2 URL.
[ads id="ads2"]
Solusi jika demo 1 tidak bekerja, kita bisa memakai fungsi
openWindow
dibawah yang akan dipanggil ketika link/tautan diklik.Kode selengkapnya dapat kalian lihat dibawah :
Source code :
<a href="https://www.google.com" rel="nofollow" target="_blank" onclick='openWindow("https://blog.nuslab.com")'> Klik disini untuk membuka link/tautan dengan 2 URL. </a> <script type="text/javascript"> function openWindow(url){ var newWindow = window.open(url, "_blank", "resizable=yes, scrollbars=yes, titlebar=yes, width=800, height=900, top=10, left=10"); } </script>
Simpel kan? Untuk pertanyaan lanjut di komentar ya.
Posting Komentar