Hướng dẫn thao tác với Cookie trong jQuery
Cookie là khái niệm quen thuộc với các nhà phát triển web. Khi người dùng đăng nhập, việc lưu tên tài khoản vào máy local là phổ biến, nhưng với mật khẩu, bạn nên mã hóa bằng MD5 để bảo vệ thông tin cá nhân. Bài viết này sẽ hướng dẫn cách sử dụng Cookie với jQuery một cách đơn giản và hiệu quả, giúp bạn thao tác dễ dàng hơn trong các dự án.
Cá ...
Đăng vào ngày 5 tháng 7 lúc 21:22
Ba Kỹ Thuật Tự Động Cuộn Danh Sách Trên Web
Hiệu ứng cuộn tự động thường xuất hiện trong các thành phần như bảng tin, banner quảng cáo hoặc danh sách thông báo. Dưới đây là ba cách triển khai hiệu quả — mỗi cách sử dụng cơ chế khác nhau và phù hợp với các yêu cầu cụ thể về hiệu suất, khả năng tương thích và tính linh hoạt.
1. Cuộn dọc bằng JavaScript thuần (không cần thư viện)
Kỹ thuật ...
Đăng vào ngày 5 tháng 7 lúc 05:53
Hệ thống xác thực biểu mẫu AJAX thời gian thực
Trong phát triển web, xác thực biểu mẫu AJAX là một nhiệm vụ quan trọng để đảm bảo dữ liệu tuân thủ định dạng và quy tắc, nâng cao chất lượng dữ liệu và trải nghiệm người dùng. Bài viết này trình bày cách triển khai xác thực phía máy chủ bằng JavaScript và đối tượng XMLHttpRequest mà không cần làm mới trang. Hệ thống bao gồm các bước quan trọng ...
Đăng vào ngày 5 tháng 7 lúc 02:21
Hướng Dẫn Tích Hợp Plugin Chọn Khoảng Ngày Cho jQuery
Trong quá trình phát triển các ứng dụng web, chức năng cho phép người dùng chọn một khoảng thời gian cụ thể là yêu cầu thường xuyên xuất hiện. Plugin Date Range Picker dành cho jQuery cung cấp giải pháp hiệu quả để xử lý tác vụ này, hỗ trợ đa ngôn ngữ và dễ dàng tùy biến giao diện. Bài viết này trình bày quy trình kỹ thuật để đưa thành phần này ...
Đăng vào ngày 1 tháng 7 lúc 03:27
Xây dựng Trang Khởi động Tĩnh với Bootstrap và Hoạt ảnh Cá
Bài viết này hướng dẫn cách tạo một trang khởi động (splash screen) tĩnh cho trang web bằng cách sử dụng framework Bootstrap và một plugin hoạt ảnh cá dựa trên jQuery. Trang này sẽ hiển thị một hoạt ảnh cá trong 5 giây trước khi chuyển hướng người dùng đến trang chính.
Ý tưởng chung
Mục tiêu là tạo một trang chào mừng độc đáo với hoạt ảnh hấp ...
Đăng vào ngày 25 tháng 6 lúc 11:42
Giải quyết vấn đề AJAX không gọi hàm callback và phương thức POST bị chuyển thành GET
Khi triển khai gửi biểu mẫu bằng jQuery AJAX, một lỗi phổ biến nhưng dễ bị bỏ sót là việc trình duyệt tự động gửi lại form theo phương thức GET mặc định thay vì thực thi yêu cầu AJAX. Điều này dẫn đến hai hiện tượng đồng thời: (1) hàm success hoặc error không được kích hoạt, và (2) dữ liệu xuất hiện trong thanh địa chỉ dưới dạng query string — ...
Đăng vào ngày 23 tháng 6 lúc 21:22
JavaScript trong Trình Duyệt Web
JavaScript trong Trình Duyệt Web
Dòng Thời Gian JavaScript Trên Trình Duyệt
Trình duyệt tạo đối tượng Document và bắt đầu phân tích trang web, thêm các Element và Text node vào tài liệu sau khi phân tích các phần tử HTML và nội dung văn bản của chúng. Ở giai đoạn này, thuộc tính Document.readystate có giá trị là "loading".
Khi bộ ...
Đăng vào ngày 21 tháng 6 lúc 06:47
Khám phá JavaScript, DOM và jQuery: Hướng dẫn từ cơ bản đến nâng cao
JavaScript là một ngôn ngữ kịch bản mạng web, đã được sử dụng rộng rãi trong phát triển ứng dụng web, thường được dùng để thêm nhiều tính năng động cho trang web, mang lại trải nghiệm duyệt mượt mà và hấp dẫn hơn cho người dùng. Thông thường, các kịch bản JavaScript được thực thi bằng cách nhúng vào HTML.
1. Cách tồn tại của JavaScript
< ...
Đăng vào ngày 16 tháng 6 lúc 20:27
Thực hiện kéo thả các module trên trang chủ
Để đáp ứng yêu cầu của khách hàng về việc có thể tùy chỉnh tự do các module trên trang chủ, tôi đã chọn sử dụng plugin để hỗ trợ chức năng kéo thả. Dưới đây là cách thực hiện:
JS cần được thêm vào
<script src="jquery-1.2.4a.js"></script>
<script src="ui.base.min.js"></script>
<script src="ui.d ...
Đăng vào ngày 13 tháng 6 lúc 02:10
Tạo hiệu ứng hộp đèn bằng jQuery
Bài viết trình bày cách triển khai hiệu ứng hộp đèn (lightbox) sử dụng jQuery với plugin tùy chỉnh. Dưới đây là mã nguồn chi tiết:
Mã HTML cơ bản để hiển thị gallery ảnh:
<html>
<head>
<meta charset="UTF-8">
<title>Hiệu ứng hộp đèn jQuery</title>
<link rel="stylesheet" href=" ...
Đăng vào ngày 9 tháng 6 lúc 17:49