การกำหนด Link Popup จัดทำโดย : Mr.GuruZ พิมพ์
 Un title page

การกำหนด 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 >
|| <strong><font color="#0000FF">Webmail</font></strong> ||||||||||| <br>
||+ <a href="#" onclick="MM_openBrWindow('http://www.hotmail.com','','resizable=yes,width=500,height=300')">Hotmail</a><br>
||+ <a href="#" onclick="MM_openBrWindow('http://www.yahoo.com','','resizable=yes,width=500,height=300')">Yahoo mail</a><br>
||+ <a href="#" onclick="MM_openBrWindow('http://www.thaimail.com','','resizable=yes,width=500,height=300')">Thaimail</a><br>
||+ <a href="#" onclick="MM_openBrWindow('http://www.chaiyo.com','','resizable=yes,width=500,height=300')">Chaiyomail</a>
</body>
</html>

ขอให้สนุกกับการทำเว็บ (-:

คุณอาจสนใจ
สร้างกลีบดอกไม้ให้ซ้อนกัน
langjuko (51,056 - 20 ต.ค. 51)
การจัดวางตำแหน่งข้อความ
อ้อม (22,042 - 13 ม.ค. 50)
การ merge รูป
langjuko (231,166 - 16 พ.ค. 51)
Java Script เช็คภาษาอังกฤษเท่านั้น
Zerohate (28,600 - 23 ก.ค. 50)
สร้างอิฐบล็อก
langjuko (91,284 - 16 พ.ค. 51)
การทำ List/Menu จากฐานข้อมูล
first (98,677 - 11 ก.พ. 51)
การเปลี่ยนตัวเลขเป็นตัวอักษร
kittichai (32,374 - 03 มิ.ย. 49)
การทำ Poll ตอนที่ 3 (การทำระบบ Admin เพื่อกำหนดหัวข้อ Poll)
Mr.GuruZ (36,742 - 03 มิ.ย. 49)