Open New Window with Javascript May 30, 2008
Posted by Randy Prasetya in Berbagi sesama demi kemajuan bersama.trackback
Salam sukses,
Pernakah anda melihat suatu aplikasi yang menampilkan data di halaman lain, tanpa menghilangkan tampilan awal?? atau mudahnya satu klik di tombol lookup, untuk menampilkan data, yang anda inginkan. lalu mengambil data tersebut untuk ditampilkan lagi di halaman awal. (“ngomong opo iki???”).
Berikut ini akan saya jabarkan mengenai salah satu cara untuk menampilkan Window baru dengan javascript.
mudahnya, silahkan copy dan paste script dibawah.
Pertama-tama, buat file index.html yang isinya sebagai berikut :
<html>
<head>
<title>.: Simple JavaScript :.</title>
<script language=”javascript”>
function openNewWindow() {
window.open(“lookup.html”,”subwindow”,”width=600,height=400″);
}
</script>
</head>
<body>
<form name=”form1″>
<table>
<tr>
<td><input type=”text” name=”data1″></td>
<td><input type=”button” name=”button1″ value=”Open Window” onClick=”openNewWindow()”></td>
</tr>
</table>
</form>
</body>
</html>
Lalu buat file untuk lookup, dengan nama lookup.html, yang isinya sebagai berikut :
<html>
<head>
<title>.: Simple JavaScript :.</title>
<script language=”javascript”>
function getData() {
window.opener.document.form1.data1.value = document.form2.data2.value;
window.close();
}
</script>
</head>
<body>
<form name=”form2″>
<table>
<tr>
<td><input type=”text” name=”data2″ value=”My Name is Randy” readonly></td>
<td><input type=”button” name=”button2″ value=”Get Data >>” onClick=”getData()”></td>
</tr>
</table>
</form>
</body>
</html>
Bagaimana, mudahkan?? untuk selanjutnya, script diatas bisa anda sisipkan pada script lain, seperti PHP, ASP ataupun JSP.
Selamat Mencoba..
Comments»
No comments yet — be the first.