Home Training Dreamweaver training การกำหนด Link Popup

การกำหนด Link Popup

อีเมล พิมพ์ PDF

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

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

แก้ไขล่าสุด ใน วันจันทร์ที่ 10 พฤศจิกายน 2014 เวลา 16:09 น.  
ป้ายโฆษณา

รับติดตั้งจานดาวเที่ยม กล้องวงจรปิด

เนื้อโคขุนโพนยางคำ

Login Form


Polls

ปกติใช้คอมพิวเตอร์ for ?
 

Who's Online

เรามี 21 บุคคลทั่วไป ออนไลน์

Counter

จำนวนครั้งเปิดดูบทความ : 2319293

RSS