Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Menggunakan Pop Up Window Pada JavaScript, teman teman pernah masuk kesalah satu website yang terdapat di footer untuk social media ketika kita mengkliknya maka akan diarahkan ke halamannya,
halnya hampir sama seperti itu namun yang berbeda ialah kita tidak akan meninggalkan website yang telah kita kunjungi jadi otomatis ketika kita klik social media untuk menuju link berikutnya maka akan membuka halaman browser berikutnya sehingga web yang kita kunjungi tidak akan tertimpah, oke langsung saja teman teman bisa alinkan scriptnya dibawah sini :
javascriptnya :
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript"> function popup (u, t, w, h){ widthLeft = window.screenLeft ? window.screenLeft : window.screenX; widthTop = window.screenTop ? window.screenTop : window.screenY; varLeft = widthLeft + (window.innerWidth / 2) - (w / 2); varTop = widthTop + (window.innerheight / 2) - (w / 2); return window.open( u, t, "width="+w+",height="+h+",left="+varLeft+",top="+varTop ); } </script> |
|
1 2 3 4 5 |
<body> <div class="container"> <button type="submit" class="btn btn-primary" onclick="popup('http://www.dumetschool.com/','DUMET School', 500, 500)">Dumet School</button> </div> </body> |
Jika sudah teman teman save dan jalankan dibrowsernya, lalu coba klik tombol Dumet School maka akan di arahkan ke website Dumet School tanpa menimpah web yang telah dibuka .
Cukup mudah bukan?, sekian tutorial tentang Bagaimana Cara Menggunakan Pop Up Window Pada JavaScript, sampai bertemu diartikel selanjutnya dan sampai jumpa, dan semoga bermanfaat .
#KeepLearn
#IsmetMA