การกำหนด 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>

ขอให้สนุกกับการทำเว็บ (-:
คุณอาจสนใจ
เทคนิคเปลื่ยน Harddisk เก่าใส่เครื่องใหม่
เว็บไทยดีดี (13,909 - 28 ก.ค. 50)
การใส่ Movies
หมูขุน (26,199 - 04 ก.พ. 50)
การทำ Analog Clock โดยใช้ Java Script
เฟริสท์ (28,622 - 29 ม.ค. 51)
ประวัติและที่มาของภาษาซี
Mr.POP (66,692 - 26 พ.ย. 50)
การเปลี่ยนเมนูภาษาไทย - อังกฤษ
Mr.GuruZ (94,933 - 02 ก.ค. 49)
การทำ Expaning_text
Black-Hawk (124,738 - 22 ก.พ. 51)
การใช้คำสั่งวนลูป foreach
Mr.GuruZ (45,943 - 03 มิ.ย. 49)
ติดอันดับการสืบค้น
สายลม (38,343 - 29 มี.ค. 51)