23 มิถุนายน 2553

Javascript ปิดหน้าต่างลูกแล้ว refresh หน้าต่างหลัก

javascript:window.parent.opener.document.location.href='index.php'; window.close();

วิธีการเข้าใช้งาน ก่อนอื่นทำการสร้างหน้า ที่ทำการเปิด หน้า Popup

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Open A New Window</title>
</head>

<body>
<a href="" onclick="window.open('test.php','welcome','width=300,height=200')">Open a new window</a>
</body>
</html>



ไฟล์ test.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Close Open A New Window</title>
</head>

<body>
<a href="#" onclick="javascript:window.parent.opener.document.location.href='http://www.google.co.th'; window.close();">Close</a>
</body>
</html>


ซึ่งในไฟล์ test.php นี้จะเป็นหน้าสำหรับหน้า Popup และจะมีปุ่ม Close เพื่อปิดหน้า ซึ่งเมื่อเรากดปุ่ม Close หน้าหลักจะเด้งไปที่ www.google.co.th ให้อัตโนมัติ



2 ความคิดเห็น:

  1. ขอบคุณมากนะคะ หลังจากนั่งแก้ปัญหาอยู่นาน เจอบทความนี้แล้วสามารถช่วยได้เยอะเลยค่ะ ^^

    ตอบลบ