Popup ด้วย popover และ popper

popup คือ ลักษณะของฟังก์ชันที่ทำหน้าที่แสดงกล่องข้อความ หรือฟองคำพูด
ปรากฎขึ้นในหน้าเว็บ เพื่อแสดงการโต้ตอบ หรือเสนอข้อมูลแก่ผู้ใช้
ซึ่งทดสอบใช้ java script library ของ 3 library
คือ popover ของ bootstrap, popper และ tooltips
น้อง ๆ ที่สนใจการ coding ลองเข้า google แล้วสืบค้น
หาข้อมูลได้ครับ แล้วตั้งคำถามให้ตนเอง 1) ว่าจะเขียนโค้ดเล่าเรื่องอะไร
2) จะสั่งป๊อปอัพข้อความอะไร และ 3) เลือกเทคนิคใด
การเขียนโปรแกรมสำหรับผู้เริ่มต้น แนะนำให้เรียกใช้โค้ดจาก CDN
เพราะไม่ต้องติดตั้ง และไม่ต้องหาเครื่องบริการ จึงทดสอบใช้งานในเครื่องของตนเองได้
ซึ่งมีตัวอย่างการใช้งาน popover
ที่ http://www.thaiall.com/kmed

popper


มีตัวอย่างสั้น ๆ ของ popover และ popper ให้ลองนำไปใช้ครับ
https://www.thaiall.com/java/popper.htm
https://www.thaiall.com/java/popover.htm

popover

ผู้บริหารการศึกษาในห้องเรียนแห่งอนาคต จะรู้ว่าอะไรสำคัญ

popup เรื่องสำคัญที่สุด

สิ่งสำคัญ คือ สิ่งที่ควรปรากฎแรก ๆ ในสารสนเทศ
ที่ผู้บริหารการศึกษาต้องการสื่อสารให้คนอื่นได้ทราบ
ดังนั้น ผู้บริหารการศึกษาจะเป็นผู้กำกับสารที่ต้องการสื่อ
โดยแจ้งสาระสำคัญให้ผู้ดูแลเว็บไซต์
ได้นำเสนอเป็น popup ที่จะปรากฎขึ้นทันที
เมื่อเข้าสู่เว็บไซต์ด้านการศึกษา ที่มีกลุ่มเป้าหมาย
คือ นักเรียน คุณครู ผู้ปกครอง และประชาชนทั่วไป

มีเรื่องเล่าเกี่ยวกับการสื่อสารว่า
การใช้ Popup maker โดยติดตั้ง plugins เพิ่ม #neve08
หน้าต่างลอยขึ้น (Popup window) ให้กับผู้เข้าชมเว็บไซต์ได้เห็นก่อนเข้าถึงเนื้อหาอื่น ในกรณีที่ผู้ดูแลเว็บไซต์ต้องการแจ้งข้อมูลข่าวสารสำคัญที่ไม่ควรถูกมองข้าม เช่น ข่าวรับสมัคร ข่าวส่วนลด ข่าวเหตุการณ์สำคัญ หรือข่าวด่วน ในระบบ wordpress มี plugins ชื่อ Popup maker พบว่า ถูกติดตั้งไปถึง 700000+ รองรับ WordPress รุ่น 4.9 หรือสูงกว่า รองรับ PHP 5.6 หรือสูงกว่า ซึ่งบริการนี้ เราต้องสร้าง Popup post ขึ้นมา เขียนเนื้อหา และรูปภาพ จากนั้นกำหนดคุณสมบัติสำคัญ คือ Time Delay/Auto Open , Open Popup Close, Delay:500 และ Open Popup Close , 1 Month แล้วเปิดบริการ Popup ที่สร้างใหม่ ทุกครั้งที่มีผู้เยี่ยมชมเว็บไซต์ ตัว Popup ก็จะปรากฎขึ้นมาโดยอัตโนมัติ และจะแสดงเพียงครั้งเดียว

การตั้งค่าให้ popup ทำงาน

http://www.thaiall.com/wordpress/neve.htm

#เล่าสู่กันฟัง 63-064 ออกแบบหน้าต่างแบบโมแดล

Modal คือ หน้าต่างวินโดวส์แบบหนึ่ง ที่ถูกสร้างขึ้นจากหน้าต่างหลัก ปรากฎขึ้นด้านบน โดยยังเห็นหน้าต่างหลักปรากฎอยู่ด้านล่าง เป็นการออกแบบปฎิสัมพันธ์สำหรับแอพพลิเคชั่นบนคอมพิวเตอร์


https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_modal&stacked=h


https://en.m.wikipedia.org/wiki/Modal_window