[Framework] Hướng dẫn sử dụng Smoke plugin để thay đổi giao diện cho các thành phần Alert, Confirm, Prompt của JavaScript

Có bao giờ bạn muốn thay đổi giao diện Alert - Confirm - Prompt…của JavaScript chưa? Nếu cảm thấy thích thú và muốn tùy chỉnh lại cho đẹp với giao diện website của bạn hãy đọc bài này để tìm hiểu thêm. Chúng ta sẽ sử dụng plugin tên smoke.js để thực hiện tùy chỉnh theo ý thích.

[Tải ảnh]

Giới thiệu
Nhu cầu thiết kế web và tùy chỉnh giao diện của các webmaster rất đa dạng, trong đó các thành phần mặc định của JavaScript như: Alert - Confirm - Prompt… mang giao diện mặc định theo trình duyệt. Có 1 cách để thay đổi và tùy chỉnh các giao diện mặc định đó là sử dụng một plugin tên là smoke.js

Hướng dẫn Thay đổi giao diện Alert JavaScript
- Các bạn download file smoke-plugin.zip về máy. Sau khi tải về các bạn giải nén ra, sẽ thấy các tập tin cần thiết:

[Tải ảnh]

Các bạn chèn các file: smoke.css, smoke.js, smoke.min.js vào trong trang web của các bạn bằng các thẻ <link> cho CSS và <script> cho JS

Ở đây file smoke.css là để chỉnh style cho các hàm Alert, Confirm, Prompt. Các bạn có thể mở file đó lên và chỉnh màu sắc, bố cục theo ý muốn

Ví dụ để tùy biến cho Alert, các bạn chèn vào website như sau:

Các thành phần khác cũng tương tự như vậy.
Chúc các bạn thành công!