Bài 01: HTML là gì? Bổ cục HTML của một trang web - Học HTML căn bản & nâng cao
Khi bắt đầu làm quen với lập trình web thì HTML chính là nội dung đầu tiên mà bạn phải học, sau đó bạn sẽ kết hợp với CSS để tạo ra những sản phảm rất là độc đáo. Nghe nói thì hay nhưng bạn mới học nên có lẽ hơi mơ hồ phải không nào :D Ok trong serie này ta sẽ cùng nhau khám phá ...
Bài 12: jQuery Mobile - Tables - jQuery Mobile căn bản
Đối với Table rất khó có thể xây dựng responsive bởi vì nó không hiển thị block, inline như các thẻ HTML khác. Trong Bootstrap họ đã nảy xây dựng responsive cho table bằng cách ở màn hình nhỏ table sẽ xuất hiện thanh cuộn kéo ngang nhưng bản thân mình thấy đó không phải là một cách giải quyết ...
Bài 11: jQuery Mobile - Collapsibles - jQuery Mobile căn bản
Collapsible là hiệu ứng khi bạn click vào dấu cộng thì nó sẽ mở rộng ra hoặc thu gọn lại nhằm thu nhỏ không gian hiển thị giúp giao diện thân thiện với người dùng hơn. Nội nội dung bên trong có thể là các menu, image, slide hay các widget bất kì khác. ...
Bài 10: jQuery Mobile - Panel - jQuery Mobile căn bản
jQuery Mobile Panel là thành phần trượt ra từ bên phải hoặc bên trái khi người dùng tác động đến, đây là thành phần hay sử dụng trong Menu ở các giao diện chạy trên thiết bị di động. 1. Panel trong jQuery Mobile Như ta biết cấu trúc HTML của một Page trong jQuery Mobile như sau: ...
Bài 09: jQuery Mobile - Navigation Bars - jQuery Mobile căn bản
Navigations Bar là phần nằm phía dưới header dùng để hiển thị các button kèm các icon và bạn có thể thêm tối đa là 5 buttons cho một Nav Bar. 1. Navigations Bar trong jQuery Mobile Đương nhiên trong một layout bạn có thể thêm nhiều thanh Nav ...
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 ...
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: ...
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 ...
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 ...
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ư: ...
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 ...
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 ...
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 ...
Hàm Click() trong jQuery - JQuery API
Ví dụ RUN <script> $(document).ready(function(){ $('#showbtn').click(function(){ var value = $('#your_name').val(); $('#result').html(value); return false; }); }); </script> <form ...
Hàm dblclick() trong jQuery - JQuery API
Ví dụ RUN <form method='get'> <input type='text' name='your_name' id='your_name'/> <input type='button' value='Click 2 lần để hiển thị' id='showbtn'/> </form> <script> $(document).ready(function(){ ...
Hàm .blur() trong jQuery - JQuery API
Code RUN <script> $(document).ready(function () { $("#username").blur(function () { var value = $(this).val(); if (value === ''){ alert("Vui lòng nhập username"); } }); ...
Hàm All Selector (“*”) trong jQuery - JQuery API
all-selector được sử dụng khi muốn chọn toàn bộ các phần tử html. Cú pháp Cú pháp jQuery( "*" ) Lưu ý : toàn bộ các selector sẽ được chọn khi sử dụng all selector, tuy nhiên nếu sử dụng nó kết hợp với ...
Hàm :animated Selector trong jQuery - JQuery API
animated selector sẽ chọn tất cả các phần tử đang trong quá trình chuyển động(animation) khi mà selector này khởi chạy. Cú pháp Cú pháp jQuery( ":animated" ) Lưu ý : nếu bạn sử dụng phiên bản Jquery ...
Hàm Attribute Contains Prefix Selector [name|=”value”] trong jQuery - JQuery API
Cú pháp jQuery( "[attribute|='value']" )
Hàm Attribute Contains Selector [name*=”value”] trong jQuery - JQuery API
Cú pháp jQuery( "[attribute*='value']" )
