Sửa đổi cấu trúc HTML trong jQuery (Phần 1)

May 23, 2012

Một trong những thế mạnh của jQuery là có thể can thiệp vào cấu trúc DOM (mô hình đối tượng tài liệu) của tài tài liệu HTML. jQuery có thể dễ dàng thêm, bớt, sửa đổi thuộc tính của thành phần HTML, thậm chỉ xóa hoàn toàn các thẻ HTML ra khỏi tài liệu trước khi nó được hiển thị lên trình duyệt. Trong phần 1, chúng ta sẽ cùng tìm hiều một số phương thức phương thức phổ biến của jQuery để thêm vào nội dung và các thành phần mới vào trong tài liệu HTML Thêm thành phần …

Xem tiếp →

Kiểm tra Form với jQuery Validate

May 18, 2012

Trong Video: “Làm việc với Form trong Javascript” mình đã hướng dẫn bạn cách thức kiểm tra dữ liệu người dừng nhập vào Form nhưng chỉ dừng lại ở mức độ cơ bản.   Trong khi đó kiểm tra dữ liệu người dùng nhập vào đủ và “đúng định dạng dữ liệu” vô cùng quan trọng. Để kiểm tra đúng các định dạng như: email, ngày tháng… đòi hỏi bạn phải có những kiến thức rất phức tạp về biểu thức chính quy (Regular Expression) để có viết được những biểu thức khớp mẫu.  Thêm vào đó, form lại có …

Xem tiếp →

Tạo ra một thiết kế tối giản sẽ khiến bạn trở thành một nhà thiết kế giỏi hơn?

May 16, 2012
Phong cách thiết kế web

Có vẻ như xu hướng thiết kế tối giản đã trở nên phổ biến với chúng ta hiện nay. Các blog,website về thiết kế lớn như idesign,rgb,depla,… thường xuyên cung cấp và trưng bày các bộ sưu tập về thiết kế cho chúng ta. Nhưng thực hiện một bản thiết kế tối giản có nghĩa lý gì với một nhà thiết kế.  Bạn có thể trở thành một nhà thiết kế bằng cách lựa chọn phong cách thiết kế tối giản hay chỉ đơn giản là  theo phong trào? Trên thực tế thì mình nghĩ đó là một phong trào. …

Xem tiếp →

Regular expression (Regex) trong javascript

May 16, 2012

Regex là gì? Regular Expression (Regex) có nghĩa là “Biểu thức chính quy” dùng để môt tả một mẫu chuỗi được sắp xếp theo một quy luật nhất định nào đó, ví dụ số điện thoại, địa chỉ email… Tác dụng của Regex – Regex được sử dụng trong việc xử lý chuỗi như: tìm kiếm, thay thế, bóc tách dữ liệu… – Regex được sử dụng nhiều trong việc kiểm tra tính hợp lệ đầu vào của dữ liệu, ví dụ: địa chỉ email có hợp lệ hay không? có đúng định dạng ngày tháng hay không? … Khai …

Xem tiếp →

Giới thiệu jQuery iTabs plugin

May 15, 2012
jQuery iTabs plugin

Bài học trước mình đã hướng dẫn bạn cách Tạo tabs với jQuery và CSS nhưng có một nhược điểm là khả năng tái sử dụng mã không cao. Chẳng hạn trên website của bạn cần có 2 tabs thì bạn cần code jQuery thêm một lần nữa để tạo ra tabs thứ 2. Và cũng mất nhiều thời gian hơn khi bạn muốn ứng dụng cho một trang khác của bạn. jQuery iTabs là một plugin mình viết để phục vụ cho công việc của mình, nhân tiện đây xin chia sẻ cùng mọi người. Về cơ bản thì nguyên lý hoạt …

Xem tiếp →

Tạo tabs với jQuery và CSS

May 13, 2012
Tao tab voi CSS va jQuery

Tương tự Dropdown menu, Tabs cũng được sử dụng khá nhiều trong việc trình bày nội dung trên website. Tabs giúp người thiết kế trình bày được nhiều nội dung hơn trong cùng một khoảng không gian nhất định. Mặc dù có rất nhiều Plugin của jQuery giúp chúng ta tạo ra ứng dụng Tabs trên website nhanh chóng, nhưng bạn cũng có thể tự thiết kế được Tabs theo ý muốn của mình chỉ với CSS và một chút kiến thức về jQuery. Qua bài học này, chúng ta sẽ tìm hiểu cách thiết kế Tabs trên website với …

Xem tiếp →

Logo mới của EW

May 13, 2012
New Logo 2012

Sau một khoảng thời gian 15 phút vật lộn thì cũng xong Logo mới dễ nhìn hơn, Tuy đơn giản nhưng nó thể hiện được những ý nghĩa mà EW đã và đang hướng tới. Dù không có gì là nhiều nhưng cũng post lên đây để độc giả góp ý thêm để hoàn thiện và cùng nhau chi sẻ Cảm ơn bạn đã quan tâm theo dõi, và hãy cho tôi biết ý kiến của bạn nhé!

Xem tiếp →

Tạo Slideshow với jQuery cycle

May 5, 2012
Slideshow hình ảnh với jQuery cycle plugin

Nhân tiện có bạn email nhờ mình làm demo Slide hình ảnh nên post lên đây để chia sẻ với mọi người Có rất nhiều Plugin của jQuery giúp chúng ta tạo ra slideshow nhanh chóng với nhiều hiệu ứng đẹp. Một trong số đó là jQuery Cycle. jQuery cycle là một plugin gọn nhẹ giúp chúng ta tạo ra các slideshow động trên trang web với nhiều hiệu ứng đẹp, không chỉ tạo ra slide hình ảnh, jQuery cycle có thể slide bất cứ phần tử html nào mà bạn muốn, như một đoạn văn bản chẳng hạn… Hôm nay …

Xem tiếp →

Càng đơn giản càng tốt

April 26, 2012

Trong cuốn sách “Nghịch lý của sự lựa chọn” của tác giả Barry Schwartz đã nói đến một kết luận thú vị liên quan đến cách lựa chọn của mỗi người. “Mọi người không chọn những gì quan trọng nhất,mà họ chọn những gì đơn giản nhất để đánh giá” Nếu tôi đưa cho bạn một danh sách các sự lựa chọn về một vấn đề gì đó, thì có lẽ bạn sẽ chọn những gì quan trọng nhất đối với bạn. Nhưng thông thường, con người chọn những gì dễ nhất để xem xét và đánh giá. Rất bình thường, …

Xem tiếp →

Tạo Dropdown menu với CSS và jQuery

April 24, 2012
Tao dropdown menu voi css va jquery

Dropdown menu là một trong những cách trình các menu trên trang web khá được ưa chuộng. Dropdown menu giúp tiết kiệm diện tích để trình bày các menu, đặc biệt là những menu có tính phân cấp như danh mục sản phẩm, chuyên mục tin tức, … mà trong đó chỉ có danh mục gốc của nó được hiện thị. Trong Video này, chúng ta sẽ sử dụng CSS và jQuery để thiết kế một Dropdown menu như hình bên dưới . Để tạo Dropdown menu, bạn cần biết cách sử dụng thuộc tính position trong CSS, nếu bạn …

Xem tiếp →

Cơ bản về sự kiện trong jQuery

April 22, 2012

jQuery cung cấp cho chúng ta khá nhiều các sự kiện đủ để thao tác với các thành phần trên website mà chúng ta mong muốn. Bên cạnh đó, jQuery còn loại bỏ hoàn toàn các event code ra khỏi mã HTML như  cách viết javascript thông thường Trong javascript, để xuất hiện thông báo với người dùng khi click vào liên kết bạn phải viết như sau: Bạn nhận thấy rằng chúng ta phải viết mã để gọi sự kiện onclick ngay trong liên kết <a>. Nhưng với jQuery thì chúng ta có thể sử dụng bộ selector để …

Xem tiếp →
«12345»»