มีวิธึทำได้หลายวิธี โดยใช้ JavaScript ซึ่งสามารถหามาได้จากเว็บไซต์ต่างๆ ซึ่งจะเลือกให้แสดง Popup Window โดยอัตโนมัติเมื่อเปิดหน้าเว็บ หรือ
ให้แสดง Popup Window เมื่อคลิกที่ข้อความหรือรูปภาพ ก็ได้ จะแสดงตัวอย่างการใช้งาน โดยเข้าไปที่เว็บไซต์
http://javascript.internet.com/generators/popup-window.html จะพบ Popup Window Generator ซึ่งเราจะเลือกกรอกข้อความลงใน
ช่องที่กำหนด แล้วสั่งให้ Generate Code ซึ่ง Code จะมีสองส่วน ส่วนแรก ให้ Copy แล้วนำไป Paste ต่อจาก <HEAD> และ Code ส่วนที่ 2
ให้ Copy แล้วนำไป Paste ในหน้า HTML ณ ที่ๆเราต้องการระบุให้คลิกเพื่อเปิดดู Popup Window
อย่างไรก็ตาม ก่อนหน้านี้ เราจะต้องสร้างหน้าเว็บเพจขึ้นมาก่อน เพื่อแสดงภาพถ่ายที่ขยายโตขึ้น หรือแสดงวิดีโอคลิป เช่น
http://www.bangkoksite.com/VideoClip/AY203P.htm ซึ่งเป็นหน้าที่จะนำเฉพาะพื้นที่ที่กำหนด มาขึ้นแสดงใน Popup Window
ตัวอย่าง JavaScript :
<!-- TWO STEPS TO INSTALL POPUP WINDOW:
1. Paste the first into the HEAD of your HTML document
2. Use the code to open the popup page on your site -->
<!-- STEP ONE: Copy this code into the HEAD of your HTML document -->
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!-- Idea by: Nic Wolfe -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,
width=430,height=450,left = 297,top = 159');");
}
// End -->
</script>
<!-- STEP TWO: Use the following link to open the new window -->
<A HREF="javascript:popUp('http://www.bangkoksite.com/VideoClip/AY203A.htm')">Open the Popup Window</A>
<!-- Script Size: 0.73 KB -->
ตัวอย่างหน้าเว็บเพจที่มี Link ไปแสดงวิดีโอคลิป ในแบบ Popup Window คลิกที่รูปภาพข้างล่างนี้ ซึ่งจะ Link ไปยังหน้าอื่น และหลังจากนั้น
คลิกที่ Popup Video เพื่อดูวิดีโอคลิปในแบบ Popup
ถ้าท่านมีอินเทอร์เน็ตความเร็วสูง (High Speed Internet) ก็อาจจะเปิดดูวิดีโอคลิป ให้ Popup ขึ้นมาคราวละ 2 Windows ก็ได้ ตามรูปข้างล่างนี้
