Menggunakan window location dan window open event di javascript

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>

Berikut adalah tabel penjelasan atribut target di HTML

Value	Description
_blank	Opens the linked document in a new window or tab
_self	Opens the linked document in the same frame as it was clicked (this is default)
_parent	Opens the linked document in the parent frame
_top	Opens the linked document in the full body of the window
framename	Opens the linked document in the named iframe

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.

"Jika kamu tidak sanggup menahan lelahnya belajar maka kamu harus sanggup menahan perihnya kebodohan" - Imam Syafi'i.