Tips Membuat Popup Window ( javascript ) `

Tips membuat popup window yaitu menggunakan text javascript ..
sebetulnya saya masih belajar mengenai text javascript ini , namun disini saya akan membagikan tips yaitu cara membuat popup window ketika user menekan navigasi terpilih . yang mastony maksud yaitu menambahkan text javascript kedalam navigasi tersebut .
adapun beberapa dari text javascript yang dapat kita buat popup window misalnya :
  • javascript Alert .
  • javascript Prompt Dialog .
  • javascript Confirm Dialog .
  • javascript window open Method .
contoh kita akan buat popup window (window open method ) yang linknya mengarah ke http://id-mastony.blogspot.com
seperti berikut ini :


click button diatas untuk membuka popup window ..
nah hasil code diatas seperti berikut ini :

<script>var mywin; function popup_window(){mywin=window.open("http://id-mastony.blogspot.com/","_blank","toolbar=yes,location=yes,menubar=yes,copyhistory=yes,directories=no,status=no,resizable=no,width=500,height=400");
mywin.moveTo(100,100);}</script>
<form>
<input onclick="popup_window()" type="button" value="Open Popup Window1">
</form>
KETERANGAN : menubar=yes , toolbar=yes adalah menu dan toolbar pada browser anda masing - masing history=yes adalah riwayat browser untuk merubah lebar anda rubah pada bagian width=500px dan tinggi height=400px sedangkan untuk merubah posisi window silahkan rubah pada bagian mywin.moveTo(100px,100px) .
contoh 2 seperti berikut ini :



click button diatas untuk membuka popup window ..
Hasil code diatas seperti berikut :

<script>
var mywind; function popup_window2(){mywind=window.open("http://id-mastony.blogspot.com/","_blank","toolbar=no,location=no,menubar=no,copyhistory=no,directories=no,status=no,resizable=no,width=500,height=400"); mywind.moveTo(200,300);}
</script>
<form>
<input onclick="popup_window2()" type="button" value="Open Poup Window2">
</form>

contoh window / jendela kosong dan di isi hanya dengan text / tulisan seperti berikut ini :



<button onclick="open_new()">open new window</button>
<script>function open_new(){var newW=window.open("","","width=400,height=400"); newW.document.write("this is my window ");}</script>
nah gimana ,, saya rasa cukup disini pembahasan mengenai Cara membuat popup window menggunakan text javascript . semoga artikelnya bermanfaat ,,

Terima kasih Anda telah membaca Artikel mengenai Tips Membuat Popup Window ( javascript ) dan Kata kunci untuk Artikel ini yaitu Tips Membuat Popup Window ( javascript )

5 komentar:

  1. Mas, kalau mau dijadikan ke tengah layar gimana yah?

    BalasHapus
  2. Aldi @ : yaitu moveTo(200,300);} silahkan di ubah valuenya .. makasih kunjungannya brow ,,,

    BalasHapus
  3. gan kalo misal diatur supaya tampil 1x tiap halaman dibuka dan alamatnya bisa random ato otomatis gantian fungsinya ingin menampilkan iklan direct supaya bisa gantian tampilnya coz kalo pake dari jasa popnya penyedia iklan kan terlalu mengganggu karena fullscreen tuh... nah kalo pake cara agan ini kan lebar kecilnya window baru bisa di susutkan... jadi mohon pencerahannya gan... thanks...
    sebagai bentuk rasa terima kasih saya... ntar kalo request script saya diterima... saya akan pilih salah satu artikel agan dan saya copy sebagian dan jika ada pembaca yg tertarik membaca artikel lengkapnya akan saya arahkan ke blog agan... singkatnya saya sediakan backlink berkualitas untuk agan... itupun kalo agannya mengijinkan... terima kasih dan ditunggu ya jawabanya ^_^
    salam kenal gan... narutoanimu.com

    BalasHapus
  4. JOKERIDR
    Situs Resmi IDN Play
    Ceme Online Dan Poker Online
    Terpercaya Dan Terbaik Sejak Tahun 2000
    Bonus New Member 20%
    Bonus Mingguan dan Bulanan
    Bonus Refferal 20% (Berlaku Seumur Hidup)
    Sistem Perbankan ONLINE 24 Jam
    Bandar Ceme
    Bandar Poker
    Poker Online
    Agen Poker Online
    https://jokeridr.com

    BalasHapus

Silahkan Anda Komentarkan Tentang Post ini yang baik dan sopan,
Jangan sampai komentar anda dianggap spam . . .