วันนี้ผมนำเสนอ javascript framework ที่สร้างด้วยกับมือตัวเองชื่อ SuperDialog
มีจุดเด่นคือ ไม่ต้องพึ่ง JavaScript library ตัวอื่นๆ เช่น jQuery UI มันก็ต้องใช้ jQuery อยู่ดี และจำนวน code ก็น้อย แต่ลูกเล่นอาจจะไม่มี เช่น fade in หรือ fadeout
จะพบว่า library มีทั้งหมด 2 ส่วน คือส่วนที่เป็น SuperDialog กับ Dialog
SuperDialog จะ ใช้ function ของ Dialog อีกทีหนึ่ง
SuperDialog จะมีแค่คำสั่ง Alert,Login,License,SaveBeforeExit เป็นต้น
Dialog จะเป็นการสร้าง DOM Overlay
รายละเอียดนั้น
สร้าง div ด้านในนี้จะมีตัว overlay(ส่วนสีดำปิดทับ) กับ dialogframe(ส่วนสีขาวอยู่กลางจอ)
dialogframe จะมี divflex (div ที่เป็น flex แก้ปัญหา auto resize โดยที่ไม่จำเป็น) ส่วน divflex จะมีส่วนอยู่ 3ส่วน 1.หัวข้อ 2. เนื้อหา 3.ปุ่ม
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2024 Blockdit
