Cara menggunakan javascript open new tab

Membuat link open new window di blog merupakan basic HTML. Dimana link tersebut bertujuan untuk  membuka jendela baru pada browser ketika sedang mengakses suatu laman tertentu. Mirip seperti dengan pop-up window yang otomatis terbuka, namun untuk link dengan open new window dibutuhkan klik secara manual untuk membuka link terkait.

Artikel Terkait
1. Membuat Link Open New Tab
2. Membuat Semua Link Menjadi Open New Tab

<!-- Codes by dewainside.blogspot.com -->
<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(
        url,'popUpWindow','height=700,width=800,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes')
}
</script>
<a href="JavaScript:newPopup('http://www.dewainside.blogspot.com');">Open New window</a>

• Bagikan :
•  Facebook
•  Twitter
•  Google+
•  Stumble

Jika anda pernah membuat sebuah aplikasi, Tentunya anda pernah membuat aplikasi yang memiliki result atau hasil report berupa html maupun PDF, biasanya ada yang menginginkan report tersebut di tampilkan di tab yang sama dan ada juga yang menginginkan report di tampilkan di tab yang baru bahkan ada juga yang menginginkan report tampil ke new tab dan tab sebelumnya berubah ketampilan data list.

Tentunya hal seperti ini berkaitan dengan link halaman dari form aplikasi yang anda buat nah berikut akan saya jelaskan secara singkat, padat dan jelas agar anda tahu letak perbedaannya dimana.

Event window location

Event ini berfungsi untuk redirect kehalaman tertentu setelah proses sebelumnya terpenuhi, sebagai contoh jika anda membuat aplikasi penawaran dan anda menginput penawaran saat submit form input tersebut pastinya akan ada hasil atau keluaran data yang telah di input ke halaman report data, maka anda membutuhkan fungsi window location untuk redirect halaman masih di dalam tab browser yang sama, untuk kode nya ada seperti berikut ini

<script>window.location = 'data-penawaran.php'; </script>

dengan script di atas anda bisa redirect halaman sebelumnya ke halaman yang anda inginkan.

Event window open

Event ini befungsi untuk redirect halamn tertentu dengan mengkakses halaman yang di maksud dan membukanya di tab baru pada browser dengan menggunakan atribut "_blank", jika event window location meredirect ke halaman lain pada tab yang sama maka event window open adalah kebalikannya dengan catatan anda menggunakan atribut "_blank"

<script>window.open('cetak-penawaran.php?id=$no_quot1', '_blank');</script>

Silahkan anda coba dan anda praktekan, maka anda akan merasakan perbedaan nya dengan menggunakan atribut target HTML di tabel di atas.

Menggabungkan Event Window Location dan Event window Open

Nah tekait penggabungan event ini menurut saya sangat pas, berdasarkan pada pengalaman agar user tidak bolak balik ke halaman sebelumnya dan halaman selanjutnya maka penggabungan kedua event ini merupakan solusi yang baik yakni ketika form di submit maka link akan mengarah ke dua halaman berbeda di tab existing dan membuka tab baru.

Jadi event window location akan mengarahkan halaman yang di tuju pada tab yang sama dan event window open dengan atribut "_blank", berikut adalah code yang saya gunakan untuk menggabungkan event window location dan event window open berikut cuplikan code javascript nya

<script>window.location = 'data-penawaran.php'; window.open('cetak-penawaran.php?id=$no_quot1', '_blank');</script>

Dengan kode tersebut saya bisa memenuhi keinginan client saya dan client puas, silahkan anda coba dan anda praktekkan untuk Menggunakan window location dan window open event secara bersamaan di javascript dan lihat hasilnya.

semoga tulisan singkat ini bisa membantu anda yang sedang menggabungan beberapa event window di javascript, silahkan anda coba, jangan cepat menyerah dan terus belajar jangan penah merasa lelah.