Dreamweaver CS

ทำลิงค์เปิดหน้าต่างใหม่ด้วย JavaScript

สร้าง hyperlink ด้วยคำสั่ง javascript ข้อดีคือเราสามารถกำหนดรูปแบบของ browser ที่แสดงผลได้ เช่นให้มีขนาดเท่าไหร่ จะให้แสดง address bar หรือไม่

ทำลิงค์ด้วย JavaScript

1. ไปที่ window > behaviors หรือ Shift + F4 เพื่อเปิดหน้าต่าง Behaviors ขึ้นมาดังรูป



2. เลือกรูปที่ต้องการ จากนั้นคลิกที่ปุ่ม จะมีหน้าต่างดังนี้ขึ้นมา ให้เราเลือกที่ open browser window



3. จะมีหน้าต่างดังรูป



มีรายละเอียดดังนี้

3.1. URL to display เลือกไฟล์ที่ต้องการให้เปิดใน window browser ใหม่ อาจเลือกเป็นไฟล์รูปภาพ หรือไฟล์ HTML ก็ได้

3.2. window width กำหนดความกว้างของ window browser

3.3. window height กำหนดความสูงของ window browser

3.4. Attribute ใช้กำหนดว่าให้แสดงอะไรใน window browser ใหม่บ้าง ในตัวอย่างเราไม่แสดงอะไรใน window browser ใหม่เลย

3.5. window name ชื่อหน้าต่างใหม่ของคุณ

4. กลับไปที่หน้าต่าง Behaviors อีกครั้งเลือก onClick ดังรูป



เท่านี้เราก็สามารถสร้างหน้าต่างใหม่ที่เราสามารถควบคุมขนาด และการแสดงผลเครื่องมื่อต่างๆ ด้วย JavaScript ได้แล้ว


เลื่อนขึ้นด้านบน