Kumpulan Source Code, Tips dan Tutorial Pemograman Web

Dialog Window untuk Memilih Nilai dari Pop Up ke Opener

Halo, kali ini saya kembali membuat catatan tentang pop up window, jujur saja saya bingung mau ngasih judul apa pada tulisan kali ini, karena membingungkan juga, (hahaha). Jadi pada waktu itu saya sedang membuat halaman yang berisikan form input sebuah nama kemudian pada halaman tersebut dapat dilakukan proses input nama melalui sebuah popup, nama yang diinsert pada popup tersebut akan tampil ke form input halaman utamanya. Ternyata setelah dicari cari kesana kemari bahasa kerennya itu adalah passing value from popup to caller window. :facepalm. Atau mengambil nilai dari popupĀ  (dialog window) ke window pemanggilnya (opener). Selengkapnya bisa dilihat pada gambar berikut :

Pada halaman utama(parent/opener) klik Pilih Nama

1

Setelah pada halaman popup diisi nama maka akan muncul pada form di halaman parent/opener.

2

Sudah cukup terbayang kan??

Nah kodenya pada halaman utama adalah, buat saja file dengan nama parent.html

<html>
<head>
<title>Halaman Utama (Parent)</title>
</head>
<body>
<form method='post' action='' name='frmParent'>
Pilih Nama : <input type=text name='getname' size='20'>
<a href="javascript:void(0);" name="My Window Name" title=" My title here "
onClick='javascript:window.open("child.html","Ratting",
"width=550,height=170,left=150,top=200,toolbar=1,status=1,");'>Pilih Nama</a>
</form>
</body>
</html>

Pada halaman child (pop up) buat file dengan nama child.html

<html>
<head>
<script langauge="javascript">
function post_value(){
opener.document.frmParent.getname.value = document.frmChild.typename.value;
self.close();
}
</script>
<title>Halaman Popup (Child)</title>
</head>
<body>
<form name="frmChild" method=post action=''>
Ketik Nama disini :
<input type="text" name="typename" size=20 value="Nama">
<input type=button value='Submit' onclick="post_value();">
</form>
</body>
</html>

Sekian.

Keep Calm and Stay Ngoding

Previous

Membuat Auto Refresh Halaman Parent Jika Halaman Child (Pop up) ditutup

Next

Memasukkan Kata yang Mengandung Tanda Kutip Pada MySQL dan PHP

1 Comment

  1. Sitio agradable donde hacerse un cambio de look.

Leave a Reply

Your email address will not be published.

Powered by WordPress & Theme by Anders Norén