การใช้งาน Spin.js แสดงสถานะ Loading ของ Ajax โดยไม่ต้องใช้ไฟล์รูปภาพ

ปกติเวลาทำการรับ-ส่งข้อมูล ด้วย Ajax หรือ JSON มักจะมีช่วงที่ต้องแสดงสถานะว่ากำลัง รับ-ส่งข้อมูล ในกรณีที่ยังไม่เสร็จ ปกติทั่วไปจะใช้เป็นรูปภาพกัน วันนี้เลยอยากจะแนะนำของเล่นใหม่ให้รู้จักคือ Spin.js ที่สร้าง Ajax Loader โดยที่ไม่ต้องง้อไฟล์ gif เลย

สามารถดาวน์โหลดได้จาก ที่นี่

ซึ่งรองรับ IE ด้วย สามารถนำไปใช้งานได้แบบหายห่วงเลยทีเดียว
ตัวอย่างการใช้งานก็ง่ายๆ ครับ

วันนี้ก็แวะมาฝากทิปเล็กๆ น้อยๆ แค่นี้นะครับ ลองนำไปใช้กันดูครับ ;)

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

การเพิ่ม Font ภาษาไทยอื่นๆ เข้าไปใช้งานใน MPDF

เนื่องมาจากผมได้มีโอกาสจับงานที่ต้องแปลงหน้าเว็บให้เป็น PDF ลองๆ หาข้อมูลก็ไปเจอเจ้าตัวนี้ MPDF ซึ่งจริงๆ แล้วก็มีให้ใช้งานอีกหลายๆ ตัว สาเหตุที่เลือกใช้งานตัวนี้เพราะมัน ค่อนข้างจะติดตั้ง และใช้งานง่าย และยังสามารถอ้างอิง CSS เข้ามาช่วยจัดหน้าตาใน PDF ได้อีกด้วย ซึ่งผลที่ได้เพี้ยนไปจากตัวจริงไม่มากครับ แต่ที่ทำให้เลือกใช้งานเพราะการเพิ่มฟ้อนท์ภาษาไทย เข้าไปนั้นค่อนข้างง่ายครับ เลยจะขอมาแนะนำดังนี้

อ่านเพิ่มเติม

แก้ไขปัญหา Laravel+Vite redirect ไปที่ path build

ก่อนหน้านี้ติดปัญหาเรื่องการพัฒนาเว็บแอพลิเคชันด้วย Laravel และ Vuejs โดยใช้ Vite ควบคู่ในการพัฒนา Frontend ตอนรัน npm run dev ก็ดูเหมือนจะใช้งานได้ปกติ แต่พอมาลอง build ดูปรากฏว่าตัว application คอย redirect ไปที่ path /build ตลอดเลย พอหาข้อมูล ไปๆ มาๆ ก็เจอว่าตอนที่เขียนเราใช้ router ของฝั่ง vuejs ซึ่งทำเป็น SPA const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), }); จากโค๊ดด้านบนนี่แหละที่ มึนอยู่หลาย ชั่วโมง แก้ง่ายๆ ที่สุด คือทำแบบนี้ const router = createRouter({ history: createWebHistory(), }); เข้าใจว่า import.meta.env.BASE_URL ค่า default น่าจะเป็น /build ถ้าเอาออกจะช่วยแก้ไขปัญหาได้ แต่ยังไม่ได้ลองว่าถ้าเราไปกำหนด env ตัวนี้ขึ้นมาก็อาจจะช่วยแก้ไขปัญหาได้ด้วยหรือเปล่า? VITE_BASE_URL="/" ใครลองแล้วได้ผลมาคอมเม้นกันด้วยนะ วันนี้ไปก่อนละ

อ่านเพิ่มเติม

การเขียน Force download ด้วย PHP

การทำ Force download ด้วย PHP นั้น ไม่ไช่เรื่องใหม่อะไร มีการเขียนโค้ดด้วยลักษณะนี้อยู่บ่อยๆ แต่ผมต้องนำมาแปะเป็นทริคเล็กน้อยกันตัวเองลืมครับ ประโยชน์ของมันคือในกรณีที่เราไม่สามารถเข้าไปจัดการ Apache config ได้เราสามารถใช้วิธีนี้แทนได้

อ่านเพิ่มเติม

CodingRemember

ค้นหาบล็อกนี้