ระบบสมาชิก ตอนเพิ่มระบบ View Add Edit Delete ของสมาชิก P6

มาลบข้อมูลสมาชิกที่เราไม่ต้องการออกจากระบบกัน โดยให้คลิ๊กเลือกที่ “คลิ๊กลบ” ของสมาชิกคนนั้นที่เราไม่ต้องการ

ก็จะเปิด PoPup ขึ้นมาถามความแน่ใจของคุณว่าต้องการจะลบสมาชิกคนนี้หรือไม่ ถ้าต้องการคลิ๊กที่ “ตกลง” ครับ

เมื่อลบข้อมูลเรียบร้อยแล้ว ให้คลิ๊กที่ “ปิดหน้านี้” ระบบก็จะปิดหน้าต่าง popup นี้ลงไปพร้อมกลับไปรีเฟรชหน้าจอหน้าเพื่อแสดงข้อมูลที่มีอยู่จริงในระบบทั้งหมดครับ

ข้อมูลที่เหลืออยู่ในระบบ ก็จะแสดงผลดังที่เห็นอยู่รูปข้างล่างนี้ครับ

ส่วนการกำหนดสถานะ Inactive กับ Active ก็ใช้งานเหมือนปกต ิที่ได้กล่าวไปในบทความที่แล้วก่อนหน้านี้ครับ

มาดูฟังก์ชั่น javascript ที่น่าสนใจในไฟล์ popup.js กันบ้าง ดังรูปข้างล่างนี้คือฟังก์ชั่นการกลับไปรีเฟรชหน้าจอหลักของการแสดงผล เมื่อเราแก้ไข,เพิ่มและลบข้อมูลของสมาชิกจากหน้าต่าง popup ครับ โดยฟังก์ชั่นนี้จะเอาไปใส่ไว้ในไฟล์ที่เราต้องการแก้ไขหรือเปลี่ยนแปลงข้อมูลนั้นๆหรือจะไปสร้างไฟล์ *.js แล้วใส่โค้ดนี้ลงไปในนั้นก็ได้ครับ จะได้สะดวกเวลาเรียกใช้งานหลายๆไฟล์

เวลาเราเรียกใช้งานในไฟล์ต่างๆก็ใช้คำสั่งดังรูปข้างล่างนี้ครับ เพื่อดึงไฟล์ *.js นั้นๆมาใช้งานร่วม เปรียบเทียบเหมือนกับการใช้ include(); ของ php นั่นแหละครับ

และตอนเราจะเรียกใช้งานฟังก์ชั่นนี้ ก็ให้เอาไปใส่ไว้ในส่วนที่ต้องการจะเรียกใช้ ดังตัวอย่างรูปข้างล่างนี้ครับ

อีกฟังก์ชั่นนึงคือฟังก์ชั่น popup เอาไว้สำหรับเรียกเปิดหน้าต่าง popup ขึ้นมาอีกหน้าต่างนึง รูปแบบของฟังก์ชั่นดังตัวอย่างรูปข้างล่างนี้ครับ จะมีมาให้เรากำหนดความกว้าง ความสูง รายละเอียดต่างๆของหน้าต่าง popup ถ้าค่าตัวไหนเป็น 0 ก็คือไม่ได้สั่งให้ใช้งานได้ แต่ถ้าตัวไหนเป็น 1 ก็จะกำหนดให้ถูกเรียกใช้งานครับ

เวลาเราเรียกใช้งานฟังก์ชั่น popup ก็จะเหมือนดังรูปข้างล่างนี้ครับ

จบละครับสำหรับบทความวันนี้ ตอนต่อไปจะเป็นเรื่องอะไรเกี่ยวกับระบบสมาชิกตัวนี้อีก ก็โปรดติดตามอ่านกันได้วันที่ 19 เมษายนนี้นะครับ 
สำหรับบทความเรื่องนี้ ตอนนี้ ถ้าใครมีปัญหาสงสัยตรงไหนก็โพสถามเอาไว้ได้นะครับ แล้ววันที่ 19 เมษายน เป็นต้นไปจะกลับมาตอบให้ วันนี้แค่นี้ก่อน ขอบคุณทุกท่านที่ให้ความสนใจ ขอให้มีความสุขและเล่นสงกรานต์กันอย่างสนุกในวันสงกรานต์ปีใหม่ของชาวไทยปีนี้ และอย่าลืม ถ้าเมาก็อย่าขับรถนะครับ ด้วยความเป็นห่วงจากใจจริง สวัสดีครับ…. บ๊าย…บาย