การกำหนด Link Popup หลายคนถามเข้ามาถ้าเราจะให้ Link แล้วกำหนดหน้าที่ Popup ขึ้นมาให้มีขนาดตามที่เราต้องการนั้นทำอย่างไร ใครที่ติดปัญหาแบบนี้ก็มาดูวิธีการทำกันเลย
ขั้นตอนการทำ
1. สร้างหน้าเว็บที่เราต้องการกำหนด Link ขึ้นมาพร้อมกับเมนูที่เราต้องการ
 |
2. หลังจากนั้นให้เราเลือกเครื่องมือ Behavihor ( Shift+F3) กดที่ปุ่ม 
เพื่อเลือกเครื่องมือที่ใช้ทำ Popup ดังภาพ
 |
3. หลังจากนั้นจะมีหน้าต่างขึ้นมาให้เรากำหนดเงื่อนไข
 |
URL to Display = กำหนด URL ของเว้บที่เราต้องการ Link
Window Width = กำหนดขนาดความกว้างของหน้าต่าง Popup
Attributes = คุณสมบัติของหน้าต่าง Popup ว่าเราต้องการให้มีเครื่องมือ IE ส่วนไหนแสดงมาบ้าง
Window Name = กำหนดชื่อให้กับหน้าต่าง * ถ้าชื่อซ้ำไม่ว่าผู้ใช้จำเปิดหน้าไหนก็จะ popup เพียงหน้าต่างเดียว แต่ข้อมูลจะเปลี่ยนไปตามนั้นนั้นๆ
| Navigation Toolbar |  |
| Menu Bar |  |
| Location Toolbar |  |
| Scrollbars as Needed |  |
| Status Bar |  |
| Resize Handles |
 * กำหนดให้มีการขยายหน้าต่างได้ |
3. หลังจากนั้นโปรแกรมจะเขียนโค้ด Java ขึ้นมาให้พร้อมกับคำสั่งอยู่ใน Behavihors
คำสั่งที่โปรแกรมเขียน
| <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> |
คำสั่งที่อยู่ใน Behavihors
 |
* โดยคำสั่งถ้า Evens เป็น Onload นั้นให้จำไว้เลยว่าการเรียกใช้ Function Java จะอยู่ที่ Body
| <body onLoad="MM_openBrWindow('http://www.hotmail.com','','resizable=yes,width=500,height=300')"> |
4. หลังจากนั้นให้เรา Cut เอาคำสั่ง Onload นั้นมาโดยที่ใน Body จะว่างไม่มีการเรียกใช้ Function แล้วเรานำมาวางที่ Link ที่เราต้องการ Popup ใส่ # ที่ Link กำหนดให้ครบทุก Link ตามที่เราต้องการ
 |
5. หลังจากนั้นลอง Preview (F12)
 |
ใครงงลองดูโค้ดทั้งหมดที่นี่
| <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-874"> <script language="JavaScript" type="text/JavaScript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> </head> <body > |
ขอให้สนุกกับการทำเว็บ (-:
