Bài viết của Hoàng Hải Đăng

Bài 08: jQuery Mobile - Toolbar Header và Footer - jQuery Mobile căn bản

Toolbar là thanh công cụ hiển thị ở đầu trang (header) và cuối trang (footer). Thông thường trên thanh toolbar sẽ là menu hoặc các button điều hướng trang web như nút back, go home, ... 1. Header bars Header là phần nằm phía trên cùng của website, nó thường ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 07: jQuery Mobile - Data Position - jQuery Mobile căn bản

Trong bài này chúng ta sẽ tìm hiểu thuộc tính data-position-to trong jQuery Mobile, đây là một thuộc tính giúp xác định nơi hiển thị của Popup hoặc dialog. 1. Data-position-to trong jQuery Mobile Thuộc tính data-position-to giúp xac popup sẽ hiển thị tại vị trí nào. Nó có ba giá trị như sau: ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 06: jQuery Mobile - Popup - Tooltip - Lightbox - jQuery Mobile căn bản

Popup là một thành phần không thể thiếu trong các ứng dụng Mobile được, vì vậy jQuery Mobile cũng không quên xây dựng component này. Bạn có thể tạo nhiều loại Popup khác nhau như tooltip, image lightbox, ... 1. Tạo Popup Để tạo một Popup thì bạn chỉ cần bổ sung một thuộc tính data-rel="p ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 05: jQuery Mobile - Icons - jQuery Mobile căn bản

jQuery Mobile hỗ trợ một nhóm các icon sử dụng cho buttons, collapsibles, listview buttons và nhiều module khác. Mỗi icon sẽ được hỗ trợ 2 loại hình ảnh, một loại SVG và một loại PNG. Theo mặc định thì ban đầu nó sẽ load hình SVG trước tại vì hình SVG chạy rất mượt trên màn hình SD và HD. Riêng ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 04: jQuery Mobile - Buttons - jQuery Mobile căn bản

jQuery Mobile hỗ trợ một số style button căn bản để tạo giao diện website, những button này rất thô sơ nên để đẹp thì phải phụ thuộc vào giao diện của bạn, tức là bạn phải custom lại CSS để giống với bản Design PSD. Chúng ta sẽ tìm hiểu một số style button như: ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 03: jQuery Mobile - Transitions - jQuery Mobile căn bản

jQuery Mobile Framework cho phép bạn chuyển trang với nhiều hiệu ứng khác nhau dựa vào CSS3 Transitions, bạn có thể áp dụng cho mọi liên kết chuyển trang giữa các page tĩnh hoặc có sử dụng Ajax. 1. Transition trong jQuery Mobile Để tạo hiệu ứng Transition thì ta bổ sung thêm thuộc ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 02: jQuery Mobile - Tìm hiểu Page - jQuery Mobile căn bản

Page là một thành phần chính dùng để gom nhóm các nội dung liên quan tạo thành một khuôn và hiển thị lên trình duyệt, hay nói cách khác nó là một thành phần chính trong jQuery Mobile giúp tương tác với người dùng. Trong một trang HTML có thể có một Page duy nhất và chúng ta sử dụng Ajax để load nội ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

Bài 01: jQuery Mobile là gì? - jQuery Mobile căn bản

Trong serie này chúng ta cùng tìm hiểu một Framework mới dùng để xây dựng ứng dụng mobile và nó có cú pháp tương tự như jQuery đó là jQuery Mobile. 1. jQuery Mobile là gì? jQuery Mobile là một Framework được phát triển tương tự như thư viện jQuery nhưng nó được xây dựng dành cho các ứng dụng ...

Tác giả: Hoàng Hải Đăng viết 14:49 ngày 06/04/2021 chỉnh sửa

jQuery Keyboard Events - jQuery căn bản

Trong bài này mình sẽ tìm hiểu đến một số sự kiện liên quan đến bàn phím và ta gọi đó là keyboard events. Ứng với mỗi phím sẽ có ba sự kiện đó là .keydown(), .keypress() và .keyup(). Các sự kiện này thông thường sẽ áp dùng cho các thẻ của form như input, textarea, ... Chúng ta sẽ lần ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021 chỉnh sửa

jQuery Events - Browser Events - jQuery căn bản

Trong bài này mình sẽ trình bày về 2 sự kiện trong jQuery liên quan đến các hành động trên trình duyệt browser, đó là resize và scroll. .resize() Sự kiện này xảy ra khi bạn thay đổi kích thước của trang web. Ví dụ khi bạn thu nhỏ trình duyệt lại thì sự kiện này sẽ được kích ...

Tác giả: Hoàng Hải Đăng viết 14:48 ngày 06/04/2021 chỉnh sửa
<< < .. 34 35 36 37 38 39 40 .. > >>