PHP-วิธีส่งตัวแปร-ไปที่-Bootstrap-Modals-2

Bootstrap Modals คือ จาวาสคลิปต์ปลั๊กอิน มีไว้สำหรับการแสดงผลข้อมูล ทั้งรูปภาพ ข้อความ หรือแบบฟอร์มรับข้อมูล ( html input form ) ในลักษณะป๊อปอัพ เป็นหนึ่งในความสามารถของ Bootstrap Framework

กรณีที่เราต้องการแสดงผลข้อมูล ตัวแปรแบบ dynamic หรือ ข้อมูลที่ถูกดึงมาจากฐานข้อมูล หรือข้อมูลที่ถูกส่งมาจากอีกหน้าเว็บเพจอื่นบน Modal Pupup สามารถทำได้ด้วยการใช้ความสามารถของ Jquery Load Content

วิธีส่งตัวแปร ไปที่ Bootstrap Modals

  • วิธีการ คือ ปกติการแสดงผล bootstrap modal จะเป็นการคลิกแล้วแสดงผลทันที ให้เปลี่ยนจากการคลิกแล้วแสดงทันทีเลย ไปเป็น คลิกแล้ว โหลดข้อมูลให้เสร็จก่อน จากนั้นค่อยสั่งให้ modals แสดงผล
  • สร้างปุ่มคลิกสำหรับการโหลดข้อมูล modals
  • จากนั้นสร้าง Javascript ฟังก์ชั่น ตั้งชื่อว่า loadAndShowModal และส่งตัวแปรแบบ POST ไปยัง bootstrap modal
  • ที่ไฟล์ modals.php เราก็แค่เขียนรับค่าตัวแปร และเขียนคลาส bootstrap modal ไว้ใช้งาน
  • เมื่อเราคลิกที่ปุ่ม Show Modal โปรแกรมจะเข้าไปทำงานที่ฟังก์ชั่น showAndLoadModal ภายในฟังก์ชั่นนี้ เราสามารถจัดการกับตัวแปรต่าง ๆ กำหนดค่า value ให้กับตัวแปรภายในฟังก์ชั่นนี้ให้เสร็จ จากนั้นระบบก็จะส่งข้อมูลทั้หงมดแบบ POST ไปที่ modal ในส่วนของ modal เราก็ทำการรับค่าตัวแปรทั้งหมด จากนั้นก็สามารถนำไปใช้งาน ในแต่ละส่วนได้ ตัวอย่างการทำงานของระบบตามภาพด้านล่าง

สามารถดาวน์โหลด Source Code ตัวอย่างได้ที่ Gitlab https://gitlab.com/wpomipon/bootstrap-modal-vairable

วิธีทำ Fully Expand เมนูหลักแบบเต็มหน้าจอ... วิธีทำ Fully Expand เมนูหลักแบบเต็มหน้าจอด้วย Bootstrap Framework ดูตัวอย่าง Fully Expand Menu Fully Expand Menu คือเมนูที่เมื่อเรา Click หรือ Hov...
WordPress 5.5 เร็วขึ้น Google เจอง่ายขึ้น และปลอดภ... มีอะไรใหม่ใน WordPress 5.5.1 ทีมพัฒนา WordPress ได้ออกเวอร์ชั่นใหม่ของ CMS ยอดนิยมอย่างเวิร์ดเพลส คือเวอร์ชั่น 5.5.1 มีการแก้ไข Bug ไปทั้งหมด 44 จ...
PHP วิธีใช้ ffmpeg แปลงไฟล์วีดีโอเป็น mp4... ffmpeg คือ ซอฟต์แวร์สำหรับจัดการไฟล์มีเดียต่าง ๆ ไม่ใช่เฉพาะวีดีโอ แต่รวมถึงไฟล์ภาพ เราสามารถใช้ความสามารถของ ffmpeg เพื่อแปลงไฟล์วีดีโอนามสกุลต่าง ๆ...
6 สุดยอด WordPress Plugins สำหรับ SEO... เวิร์ดเพรส คือ เครื่องมือสำหรับทำเว็บไซต์สำเร็จรูปที่ได้รับความนิยม และทรงประสิทธิภาพมาก ๆ ทุกคนสามารถดาวน์โหลดและติดตั้ง จัดการเนื้อหาบนเว็บไซต์...

By codebee

- Programmer & Writer