Bootstrap modal dễ dàng với Bootbox.js

Xưa nếu bạn thường dùng alert() hay confirm() của JavaScript thì chắc hẳn ít nhiều cũng đã từng gặp trường hợp khách hàng chơi trò (thật ra là họ không biết hoặc cố ý) tắt mất tính năng alert hay confirm mặc định của trình duyệt. Ví dụ như hình sau:

Bootstrap modal dễ dàng với Bootbox.js
Bootstrap modal dễ dàng với Bootbox.js

Thế này thì toi rồi vì các functions phải được confirm bởi khách hàng rồi mới thực thi mà họ tắt rồi thì sao mà chạy được. Thực ra, có cách workaround vụ này nhưng mình dành cho bài sau nhé. Và đó cũng là lý do mà các bạn nên sử dụng 1 thư viện dialog riêng hoặc tự code theo ý mình.

Trong bài này, mình giới thiệu 1 thư viện jQuery rất hợp gu với Bootstrap là Bootbox.js (nghe kiểu như Beatbox :D)

Bootbox.js là gì?

Bootstrap modal dễ dàng với Bootbox.js
Bootstrap modal dễ dàng với Bootbox.js

Nói dài dòng chứ nhìn qua trang chủ của nó cũng đủ để thấy sự đơn giản khi sử dụng rồi:

Bootstrap modal dễ dàng với Bootbox.js
Bootstrap modal dễ dàng với Bootbox.js

 

Getting Started

Để bắt đầu, bạn truy cập: http://bootboxjs.com/getting-started.html

Bootstrap modal dễ dàng với Bootbox.js
Bootstrap modal dễ dàng với Bootbox.js

Examples

Để xem chi tiết các examples, bạn truy cập: http://bootboxjs.com/examples.html

Happy Coding cuối tuần nhé!

Nguồn: vothanhduy.com

Leave a Reply

Your email address will not be published. Required fields are marked *