jqueryui

Thư viện jQuery UI Rotatable là một plugin của jQuery dùng để xoay một thành phần nào đó trên website. Các bạn có thể xoay thành phần được cấu hình một cách tự do theo mọi góc độ. Các bạn đừng nhầm lẫn tên của thư viện này với bộ thư viện jQuery UI mà tôi đã từng giới thiệu với các bạn ở những...

Trước đây tôi có giới thiệu với các bạn một plugin của jQuery đó là jQuery UI Spinner với chức năng tạo hộp nhập để nhập số liệu là số nguyên, các bạn có thể xem lại bài viết "Tuỳ biến nút tăng giảm giá trị số với thư viện jQuery UI Spinner" để hiểu rõ hơn cũng như biết cách sử dụng plugin...

Để tạo ra các tooltip thì các bạn có thể sử dụng JavaScript để thiết kế nhưng để nhanh chóng thì các bạn có thể sử dụng thư viện jQuery UI Tooltip đáp ứng nhanh yêu cầu của các bạn. Với thư viện jQuery UI Tooltip, các bạn có thể tạo ra các tooltip chứa nội dung kể cả định dạng HTML hay chèn hình...

Để thiết kế các tab nội dung thì các bạn có thể sử dụng CSS để thiết kế nhưng để nhanh chóng thì các bạn có thể sử dụng thư viện jQuery UI Tabs đáp ứng nhanh yêu cầu của các bạn. Với thư viện jQuery UI Tabs, các bạn có thể tạo ra các tab nội dung tuỳ biến giao diện một cách nhanh chóng chỉ với...

Ở bài viết "Tạo thanh chọn giá trị với thư viện jQuery UI Slider" tôi có hướng dẫn các bạn thiết kế thanh trượt để chọn giá trị. Với bài viết này thì tôi sẽ tiếp tục hướng dẫn các bạn nhập dữ liệu là số nguyên bằng cách thiết kế lại 2 nút mũi tên lên, xuống để tăng, giảm giá trị và để thực hiện...

Khi các bạn nhập dữ liệu là số nguyên thì thường sẽ có 2 nút mũi tên lên, xuống để tăng, giảm giá trị. Ngoài tính năng này ra thì các bạn cũng có thể tạo một thanh trượt kéo chọn giá trị và để thực hiện được chức năng này thì các bạn có thể sử dụng thư viện jQuery UI Slider. Thư viện jQuery UI...

Các select mặc định có thể hiện khác nhau trên các trình duyệt web khác nhau vì vậy để giao diện website được đồng nhất trên các trình duyệt web khác nhau thì đòi hỏi các bạn phải tuỳ chỉnh lại giao diện của select. Với thư viện jQuery UI Selectmenu, các bạn có thể tạo ra một select tuỳ biến...

Trong một số trường hợp như upload tập tin chẳng hạn, các bạn thường sử dụng thanh tiến trình để thông báo cho người dùng biến tiến trình xử lý đã đạt được bao nhiêu phần. Đây là một chức năng hay có tính tương tác cao với người dùng và để thực hiện được chức năng này các bạn có thể sử dụng thư...

Các bạn có thể sử dụng CSS để tạo ra các trình đơn đa cấp nhưng việc sử dụng CSS đòi hỏi các bạn phải có kiến thức tốt về CSS cũng như phải mất nhiều thời gian để viết mã lệnh thiết kế. Với thư viện jQuery UI Menu, các bạn có thể tạo ra một trình đơn đa cấp một cách nhanh chóng chỉ với vài dòng...

Trên các trình duyệt web, các bạn sử dụng JavaScript là có thể tạo các hộp thoại thông báo nhưng những hộp thoại thông báo đó có thiết kế không đồng nhất trên các trình duyệt khác nhau và cũng không được đẹp. Để đồng nhất giao diện hộp thoại thông báo và cũng để tạo ra các hộp thoại được thiết...

Đối với các trường nhập liệu là ngày thì thường yêu cầu người dùng nhập đúng định dạng ngày, điều này phần nào làm khó cho người dùng và phần lớn người dùng sẽ cảm thấy không thoải mái khi phải nhập theo yêu cầu và cũng phần nào làm giảm đi sự chuyên nghiệp của website. Để thuận tiện hơn cho...

Hàng ngày, các bạn thường sử dụng Google để tìm kiếm thông tin, và khi các bạn gõ bất kì từ khóa nào thì Google sẽ tự động liệt kê danh sách những cụm từ có nghĩa tương đồng với từ khóa đó ở bên dưới để gợi ý cho các bạn. Điều này sẽ giúp các bạn rút ngắn thời gian gõ toàn bộ từ khoá, đồng thời...

Hiện nay có rất nhiều thư viện JavaScript để các bạn tạo accordion và một trong số đó là thư viện jQuery UI Accordion. Thư viện jQuery UI Accordion là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Để sử dụng thư viện jQuery UI các bạn cần phải tích hợp thư viện...

Khi các bạn muốn sắp xếp các thành phần trong danh sách bằng cách kéo thả thì các bạn có thể sử dụng thư viện jQuery UI Sortable. Việc sử dụng kéo thả để sắp xếp các thành phần giúp cho website có tính tương tác cao với người dùng và luôn tạo cảm giác thoải mái, chuyên nghiệp đối với người dùng...

Khi các bạn muốn đánh dấu một thành phần trong danh sách bằng cách sử dụng chuột thì các bạn có thể sử dụng thư viện jQuery UI Selectable. Thư viện jQuery UI Selectable là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Việc sử dụng thành phần Selectable của thư viện...

Khi các bạn muốn thay đổi kích thước của một thành phần nào đó trên website bằng cách dùng chuột kéo giản hay co lại thì các bạn có thể sử dụng thư viện jQuery UI Resizable. Thư viện jQuery UI Resizable là một thành phần trong bộ thư viện jQuery UI được sử dụng phổ biến hiện nay. Việc sử dụng...

Khi các bạn muốn dùng chuột di chuyển một thành phần nào đó trên website, ví dụ như kéo thả để sắp xếp nội dung, kéo thả một thành phần từ vị trí này tới vị trí khác thì các bạn có thể sử dụng thư viện jQuery UI Draggable. Thư viện jQuery UI Draggable là một thành phần trong bộ thư viện jQuery...