สามารถนำไปประยุกต์ใช้ เช่น เมื่อหน้าหลักเรามีข้อมูลที่ต้องการแก้ไข เราก็ทำปุ่มที่เมื่อคลิกแล้วเรียก pop up ที่เป็นฟอร์มสำหรับแก้ไขข้อมูลขึ้นมา ซึ่งถ้าเราแก้ไขข้อมูลเรียบร้อยแล้วกดปุ่มปิดหน้า pop up ก็จะปิดลง พร้อมกับ refresh หน้าหลักทันที โดยที่เราไม่ต้องไปกดปุ่ม refresh เอง
โค้ดหน้าหลัก
<form name="form1">
<input type="Button" value="Pop up window" name="button" onclick="window.open('popup.html','','top=0')">
</form>
โค้ดหน้า pop up
<script language="JavaScript">
<!--
function closewin() {
window.opener.location.reload();
window.opener.form1.button.value="refresh ready";
self.close();
}
</script>
<input type="button" value="Close" onclick="closewin();">
ไม่มีความคิดเห็น:
แสดงความคิดเห็น