การทำ popup ให้ได้ขนาดตามต้องการ เปิดหน้าเว็บให้ได้ขนาดตามที่ต้องการ
ผมจะทำการเปิดหน้าเว็บละกันเนอะ แต่สามารถใช้เทคนิคนี้ในการทำ popup เปิดรูปได้นะ แต่จะทำยกตัวอย่างในการเปิดเว็บละกันเนอะ
มาเริ่มกันเลยฮะ
1. เลือก รูป หรือ ข้อความ ปุ่ม ที่เราต้องการก่อนนะ จัดไป
2. ไปที่ tag inspector panel ทางขวาเนอะ ไปที่ bahaviour นะจะ ตามรูป
3. เลือก open browser window จะได้เจอกับหน้าต่างดังนี้
url to display ก็ใส่ที่อยู่เว็บไซด์ ไปเลยเนอะ
window width,height ก็ ใส่ขนาดที่้ต้องการให้มันได้เลย เป็น pixel นะจะ
attributes ก็จะโชวอะไรในหน้า window ใหม่บ้างเนอะ ก็ติกๆๆเอาเนอะ
แล้วก็ได้ละแค่นี้เองง่ายๆๆ แต่สังเกตุว่า ถ้าเราใช้ คำสั่งนี้ ปุ่ม หรือ รูป เวลาเมาส์ไปโดน จะไม่เปลี่ยนเป็นรูปนิ้ว ดังนั้นเราต้องบอกให้browser มันรู้นะว่า ไอ้นี้คือปุ่ม โดยการ ใส่เครื่องหมาย # ลงใร link ตรงproperties ตามรูปนะ เวลาเมาส์โดนปุ่มมันก้จะเป็นรุปนิ้ว คราวนี้ user ก็จะรู้แล้วว่ามันคือปุ่มกดได้
ควรนี้กลังจากที่เรา ใส่ bahavior ลงไปก้จะมี คะสั่งขึ้นทางขวาเนอะ แบบนี้
เราสามารถเลือก event ของ เมาส์ ให้เหมาะสมกับงานเราได้
onClick ก้เมื่อกดที่ปุ่ม
onMouseDown ก็ เมื่อทำการ กดเมาส์ลงไป จะทำการเปิดหน้าเว็บที่เราได้เช็ตไว้
onMouseOver ก็เมื่อ เวลาเมาส์อยู่บนปุ่ม จะทำการเปิดหน้าเว็บที่เราได้เช็ตไว้
onMouseOut ก็เมื่อเวลาเมาส์ออกจากปุ่ม จะทำการเปิดหน้าเว็บที่เราได้เช็ตไว้
อะไรทำนองนี้เนอะ ลองเล่นๆๆดูนะฮะ
ไม่เข้าใจถามมาฮะ
ถ้าผมจะให้เม้าชี้ที่ปุ่มแล้วให้แสดงรูปภาพขึ้นมา แล้วเมื่อเลื่อนเม้าออกให้รูปภาพหายไป จะต้องทำอย่างไรครับ ???
ตอบลบถ้าต้องการลบป๊อบอัพออกจะทำอย่างไรครับ ผมทดลองตามคำแนะนำด้านบนนี้แล้ว แต่ัยงไม่ได้ใส่รูปภาพลงไป ตอนนี้เว็บของผมที่ทำลิงค์ออกไปตามเว็บต่างๆ มันลิงค์ไม่ได้แล้วครับ เลยจะลบออกก่อน
ตอบลบ