Một hiệu ứng JavaScript đơn giản nhưng lại tạo công cụ chọn ngày tháng cho các vùng nhập liệu rất ấn tượng. Hiệu ứng sẽ hiển thị bộ chọn với kiểu dáng của một tờ lịch tháng được trang trí khá bắt mắt.
Chỉ với vài thao tác cài đặt đơn giản, bạn sẽ dễ dàng thiết lập nhiều bộ chọn ngày trên cùng một trang web và chúng đều hoạt động tốt trên tất cả các trình duyệt.
Bạn có thể xem thêm:
- jsDatePick - bộ chọn ngày miễn phí trên web
- Bộ chọn ngày với cửa sổ phụ
jsDatePick là một công cụ JavaScript miễn phí, dùng các kỹ thuật DOM để tạo ra các chọn">bộ chọn ngày tháng trên trang web của bạn. Trong vòng vài phút, bạn sẽ có được một bộ chọn ngày tháng cực kì độc đáo và bắt mắt trên trang web của mình. Tìm hiểu các thông số và ví dụ JavaScript mẫu trong trang chủ của nó tại đây.
Hiệu ứng này giúp bạn chọn một thời điểm nào đó thông qua một cửa sổ popup phụ. Tính năng chọn thời điểm có lẽ không còn xa lạ trên JavascriptBank.com, nhưng bạn có thể dùng đoạn mã này để làm để tạo các hiệu ứng khác mà đòi hỏi sự điều khiển thông qua các cửa sổ phụ.
Lưu ý: vui lòng cho phép chạy popup (và ActiveX nếu bạn dùng Internet Explorer) để xem được hiệu ứng.
Một hiệu ứng sử dụng DOM(Document Object Model) để thêm bớt các tùy chọn trong một danh sách SELECT. Đoạn mã này rất dễ cài đặt và chỉnh sửa tùy theo nhu cầu người dùng.
Hiệu ứng tạo ra một tờ lịch tháng với các menu sổ dọc dùng để chọn tháng và năm. Muốn biết lịch của tháng-năm nào, bạn chỉ cần nhấp chuột và chọn.
Hiệu ứng dùng để hiển thị ngày-tháng-năm trong các dropdown menu. điểm đặc biệt của hiệu ứng là nó sẽ tự động kiểm tra và hiển thị ngày hiện tại ngay khi trang web vừa được tải xong.
Hiệu ứng tạo ra hộp danh sách để người dùng có thể chọn màu cho một đối tượng nào đó trên trang web. Trong ví dụ là các thẻ DIV.
Hiệu ứng tạo hai danh sách chọn trên trang web, người dùng có thể di chuyển qua lại các tùy chọn trên hai danh sách này với nhau. Hiệu ứng cũng cho phép di chuyển nhiều tùy biến cùng một lúc đồng thời chúng sẽ được sắp xếp theo thứ tự Alpha-Beta sau khi được di chuyển.





15/03/2011
0



