Lamborghini Huracán LP 610-4 t

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

[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

Admin* RoSino18k *
* 13-04-2016

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.

[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
[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:

[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
[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:
<script>// <![CDATA[
smoke.alert("Câu hỏi của bạn ?",function(e){
},{
ok:"Có",
cancel:"Không",
classname:"custom-class"});// ]]></script>

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!

Nguồn: T-Design - Diễn đàn DaiVietPDA.Vn
↓ Tập tin Đính kèm ↓
↑↑ Lượt xem: 198
score
Đánh giá: 4.5/ 5, 198 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-198]