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 )

4 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. 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 . . .