Cara menggunakan popup html javascript

Nah, atas dasar itu UX sangat penting karena pengguna adalah tolak ukur cocok atau tidaknya aplikasi dari segi fungsi dan desain, jadi untuk mengatasi masalah tersebut bisa menggunakan mode popup (jika bootstrap) atau bisa juga menggunakan jendela sembulan dalam javascript


Sehubungan dengan itu terserah anda mau menggunakan popup window javascript atau menggunakan modal popup bootstrap, pada kesempatan kali ini saya akan memberikan tutorial singkat cara membuat popup window baru di javascript, tentunya tujuannya untuk membuat memudahkan pengguna dan mengurangi proses bolak-balik pengguna dari formulir satu ke formulir lainnya


dengan ini diharapkan dapat meningkatkan kinerja UX sehingga produktivitas pengguna meningkat tentunya hal ini menjadi penting untuk keberlangsungan sistem yang anda buat. Oleh karena itu perlu adanya perbaikan terkait sistem yang sudah ada sesuai dengan kebutuhan dan analisis UX agar pengguna aplikasi nyaman dan bebas dari keluhan


Berikut ini adalah contoh source code untuk membuat popup windows baru di javascript, silahkan copy paste kode dibawah ini kemudian simpan dengan nama popup-javascript. php di folder c. /xampp/htdocs (sesuaikan dengan paket web server yang anda gunakan, karena saya menggunakan xampp sebagai paket web server)


<html>

<kepala>

<judul> Jendela Munculan Javascript judul>

kepala>head>

<tubuh>

<a   href = "https://www.hakkoblogs.com"   klik = " centeredPopup(ini. href,'myWindow','400','600','yes');return false"> Popup Terpusat a>

<br/><br/>< /a>

<a   href = "JavaScript:window.close()"> Tutup < ai=10>>a>

tubuh>body>

<skrip   bahasa = "javascript">

var   Jendelapopup  =  null;

fungsi   Popup terpusat ( url,winName , w , h , gulir ){

Posisi Kiri  = ( layar . lebar ) ? . screen.lebar - w )/ 2 . 0 ;

Posisi Teratas  = ( layar . tinggi ) ? . screen.tinggi - h )/ 2 . 0 ;

pengaturan  =

'tinggi=' + h + ', width=' + w + ',top=' + Posisi Teratas + ',left=' + LeftPosition + ',scrollbars=' + scroll + ', dapat diubah ukurannya'

jendela popup = jendela . buka ( url , winName , pengaturan )

}

skrip>script>

html>html>

setelah anda simpan kemudian anda panggil di browser dengan mengetikkan localhost/popup-javascript. php, jika berhasil maka anda akan mendapatkan halaman seperti gambar di bawah ini

Cara menggunakan popup html javascript


Nah seperti itulah tampilan popup new window di javascript, lebih mudah dan tentunya juga lebih simple bukan?


kesimpulannya dengan menggunakan popup new window javascript aplikasi web yang anda buat akan terasa seperti aplikasi desktop selain itu aplikasi juga akan sangat mudah digunakan oleh user karena mengatur proses bolak balik user dari satu form ke form lainnya lain


Semoga tutorial singkat ini bisa bermanfaat bagi anda yang membutuhkan dan bisa menjadi solusi bagi anda yang sedang mencari cara popup windows di javascript, jika ada pertanyaan atau keberatan atau kritik dan saran terkait postingan ini jangan ragu untuk menulisnya di komentar dan kami akan membahasnya