google+javascriptbanktwitter@js_bankfacebook@jsbankrss@jsbank






JsTetris: Xếp gạch cực cool với JavaScript Có lẽ chúng ta không lạ gì với trò chơi xếp gạch (Tetris) này sự quá nổi tiếng của nó, ra đời cùng thời đại với Mario (tính đến thời điểm này là trên 25 năm) và cũng rất nổi tiếng như Mario. Tetris có mặt lần đầu tiên là vào năm 1984, hiện tại có hơn 125 triệu bản đã được phát hành trên tất cả các hệ máy chơi game.

Tetris - một trò chơi trí tuệ cực phổ biến - cũng đã có mặt trên jsB@nk từ những ngày đầu mới thành lập, với các hiệu ứng như:

- JavaScript Xếp gạch cao cấp
- JavaScript Xếp gạch
- JavaScript Trò chơi xếp gạch

Hôm nay jsB@nk muốn giới thiệu với bạn thêm hiệu đoạn mã JavaScript khác để tạo trò chơi Tetris cực kì độc đáo trên trang web.


Trình tạo XML đơn giản với JavaScript XML - một kiểu định dạng dữ liệu đang ngày càng phổ biến bởi tính cơ động của nó, những mô tả trực quan của nó đối với dữ liệu làm cho các ứng dụng dễ dàng truy vấn hơn. Định dạng dữ liệu này ngày càng được sử dụng nhiều hơn bởi các ứng dụng web trên nền JavaScript, PHP, .NET, Java, Flash, ... do chúng ta chỉ cần một chuẩn dữ liệu lưu trữ sau đó truy vấn trên mọi nền tảng.

Hầu hết các công cụ phát triển web cũng đều có những thư viện (hàm hoặc đối tượng) chuyên dụng để xử lí dữ liệu dạng XML này, bên cạnh đó các nền tảng khác như WordPress, Zend, Joomla, ... cũng xây dựng riêng các thư viện để xử lý XML; điều này đủ để chứng tỏ tính hiệu quả của dạng dữ liệu XML mà jsB@nk đang nói ở trên.

Tuy nhiên, lĩnh vực XML rất rộng lớn, có rất nhiều quyển sách nói về XML có số trang lên đến vài nghìn; đó không phải là điều jsB@nk muốn đề cập đến trong bài viết này. jsB@nk chỉ muốn giới thiệu với bạn một ứng dụng JavaScript đơn giản để thực hiện việc xuất dữ liệu ra dạng XML. Bạn vui lòng vài trang ví dụ mẫu JavaScript để xem chi tiết hướng dẫn, giải thích ngắn: bên trái là một đoạn JavaScript mẫu, bên phải là kết quả xuất.


Tất cả về cookie với JavaScript Bài viết này sẽ cung cấp cho chúng ta một cái nhìn chi tiết và đầy đủ nhất về cách thức sử dụng cookie trong JavaScript. Bạn vui lòng vào trang trong để xem chi tiết về nội dung và mã nguồn JavaScript ví dụ.

Bạn có thể xem thêm các bài viết về cookie có trên jsB@nk:

- Sử dụng cookie trong JavaScript và jQuery
- Cookie và JavaScript: Làm sao để dùng
- JavaScript dùng cookie
- Cookies trong JavaScript


Trình đơn dạng thẻ tuyệt vời với Prototype và AJAX Một đoạn mã JavaScript cực kì tuyệt vời để tạo hiệu ứng trình đơn dạng thẻ để hiển thị thông tin trên trang web. Trình đơn thẻ này có cách thức hoạt động tương tự như các ứng dụng có giao diện dùng thẻ khác và hiệu ứng này có giao diện khá giống với trình duyệt Firefox cùng với các tính năng mà hiệu ứng thẻ này hỗ trợ:
- Tạo không hạn chế thẻ
- Cho phép tạo thêm thẻ thông qua AJAX hoặc IFRAME
- Có thể tạo các thẻ không thể đóng (dành để hiển thị thông tin quan trọng)

Hãy thưởng thức thêm các hiệu ứng thẻ JavaScript tuyệt vời có trên jsB@nk:

- Khung tìm kiếm đơn giản dạng thẻ với CSS
- Các trình đơn dạng thẻ hữu ích
- Tab nội dung
- Tạo các tab
- Tab nội dung


Danh mục: Framework, Prototype

Tổng quan về Prototype của JavaScript Một bài viết JavaScript đơn giản nhưng sẽ cung cấp cho bạn một cái nhìn tổng quan và cơ bản về prototype trong JavaScript cùng với vài ví dụ mẫu JavaScript.


Số nhóm phần nghìn tự động Thêm một đoạn mã JavaScript khác nữa để tạo hiệu ứng dãy số sẽ nhóm phần nghìn tự động sau khi người dùng nhập liệu. Mã nguồn được xây dựng khá công phu nhưng rất đơn giản để sử dụng.


50+ kĩ thuật và plugins hữu ích dành cho jQuery Vâng đúng rồi, bài viết này sẽ cung cấp cho bạn danh sách hơn 50 tài nguyên về jQuery cực kì hữu dụng trong việc phát triển web, các tài nguyên jQuery này có thiết kế cực kì độc đáo và bắt mắt cùng với công dụng không thể chê được. Bạn vui lòng vào trang trong để xem chi tiết.


Danh mục: Bài viết

Trình đơn định hướng nhiều cấp với trạng thái nhớ Đoạn mã JavaScript này sẽ tạo một trình đơn nhiều cấp trên trang web (trong ví dụ JavaScript mẫu là 3 cấp, và dĩ nhiên bạn có thể tạo bao nhiêu cấp cũng được).

Điểm sáng giá của hiệu ứng JavaScript này ở chỗ nó chỉ cho phép một trình đơn cấp gốc được chọn mỗi lần; đồng thời nó dùng cookie để lưu trạng thái đóng/mở của các trình đơn, mỗi khi trang web được tải lại thì nó vẫn hiển thị vị trí đã mở.


Bộ đếm thời gian độc đáo với jQuery Một bộ đếm thời gian (countdown timer) với giao diện cực kì độc đáo, bắt mắt và sáng sủa để hiển thị trên website của bạn. Hiệu ứng này sẽ đếm số tuần, số ngày và thời gian đến một thời điểm đã được định trước. Bên cạnh đó hiệu ứng còn cho phép người dùng chọn một trong hai giao diện đen hoặc trắng để sử dụng; đồng thời người dùng cũng có thể dễ dàng chỉnh sửa mã nguồn JavaScript hơn bởi hiệu ứng này sử dụng thư viện jQuery làm nền.

Thêm một hiệu ứng tạo bộ đếm thời gian cực kì độc đáo nữa được liệt vào bộ sưu tập các bộ đếm có trên jsB@nk:

- Đồng hồ đếm ngược
- Xây dựng bộ đếm thời gian đơn giản với Flash và ActionScript
- Bộ đếm thời gian dạng thanh với jQuery
- Tạo một bộ đếm thời gian giảm dần theo mô hình OOP
- Bộ đếm thời gian giảm dần đẹp tuyệt vời


Danh mục: Framework, jQuery

Ẩn hiện layer với mã JavaScript đơn giản Thêm một đoạn mã JavaScript đơn giản nữa để thực hiện hiệu ứng ẩn/hiện một layer khi người dùng nhấn chọn vào một liên kết được chỉ định. Trong ví dụ mẫu JavaScript lần này, hiệu ứng được thực hiện với các bình luận của một bài viết.


Danh mục: Biểu mẫu

JavaScript theo ngày


Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web