Otomatis Membuka link pada New Tab Dengan Javascript

hii… para netizen yang baik hati dan dermawan serta budiman. agak susah mau nagsih judul pada artikel kali ini, bukan apa atau bagaimana tetapi karena belum tahu mau di isi apa konten nya setelah mendapatkan judul tersebut.. hehehee..
ngk lucuya?… 😀 pada intinya judul di atas menjelaskan sesuatu yang panjang dari beberapa baris rintisan code yang akan cyberwarna share lewat sepucuk artikel ini.
mungkin lebih tepatnya judul artikel di atas adalah “membuat dan mengganti attribut baru pada link dengan javascript” atau bahasa jawanya kurang lebih demikian “Add and replace link attribut with javascript” ok apapun itu abaikan yang paling penting semoga saja artikel kali ini bisa bermanfaat buat para pembaca semuanya tanpa terkecuali :) .new-tab

Well mari kita mulai petualangan kita pada dunia antah berantah yang penuh dengan misteri >_<

 

 1 Membuat link terbuka pada tab baru secara otomatis

agar ketika di klik link terbuka pada tabs baru kita harus menambahkan atribut berupa “target” dengan value “_blank” pada link tersebut. itu bisa kita lakukan secara manual ketika kita membuat HTML dari link itu sendiri, masalahnya bagaimana jika link tersebut bersifat dinamis atau bukan kita sendiri yang membuat. misal saja link pada koment yang di buat para pembaca. akan sangat merepotkan jika kita harus mengedit satu-persatu setiap coment yang menyertakan link hidup yang para pengomen sertakan dalam kontent koment mereka. so… dengan mengandalkan kekuatan javascript yang super cetar membahana kita bisa mengatur setiap link yang ada di kolom komentar untuk terbuka pada tabs baru.
berikut javascript untuk membuka link pada tab baru

perhatikan tulisan yang di beri warna merah ” #comments a  ” di situ di maksudkan membuat sebuah perintah/fungsi untuk menambahkan attribut berupa (target=”_blank”) pada tag a atau Link dalam div yang memiliki ID comments. Jadi jika anda ingin menggunakan script ini sesuaikan dahulu # id atau (.) class yang digunakan pada template atau html website/blog anda masing-masing.
Catatan:

fungsi ini bisa di gunakan tidak hanya pada link dalam komen namun juga bisa untuk semua link atau link tertentu dengan mengatur $(…) pada baris pertama script di atas

2 Menambahkan Lebih dari satu Attribut kedalam link dengan javascript

ada kalanya kita mengingkan nama blog/website kita menjadi title  dari setiap link yang ada cara palink cepat untuk membuat title atau mereplace title dari link yang sudah ada adlah dengan javascript. kekuatan javascript juga mampu menambahkan atau mereplace attribut-attribut lain dalam link seperti “rel”, “class” atau yang lain. untuk menambahkan dan mereplace beberapa attribut dalam link code scriptnya hampir mirim dengan yang di atas, kurang lebih akan seperti ini penampakan codenya

catatan

Perhatikan bagian yang berwarna merah sesuaikan dengan kondisi tempat di mana link itu berada.

dari beberapa baris kode diatas kita bisa mengatur attribut sebuah tag tidak hanya terpaku pada tag “a” atau link namun juga bisa kita kembangkan untuk tag/div yang lain, silahkan anda exsplore karena “Code IS Never End”
salam cyber peace. love, calm, smart and friendly CyberWarna.

One comment

  1. artikel yang sangat bagus dan semoga terus maju.

    terima kasih diperbolehkan komen

    untuk yang suka berita sepakbola terbaru terpercaya dan terupdate langsung mampir website
    agen sbobet
    bandar judi bola
    situs taruhan bola
    agen sbobet live

Leave a Reply

Your email address will not be published. Required fields are marked *