Minggu, 19 Mei 2013


Tips Membuat Popup Window ( javascript )


By on 08.38

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 ,,

Tukang Coding
Judul: Tips Membuat Popup Window ( javascript )
Review oleh: Tukang Coding | Template TreTans 1.0
Update pada: 08.38 | Rating: 4.5

Comment for "Tips Membuat Popup Window ( javascript )"

0 komentar

Posting Komentar