Duck hunt

CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Xác nhận yêu cầu Confirm Yes/No bằng JavaScript

Admin* RoSino18k *
* 24-09-2015
Bài viết trước mình đã giới thiệu cơ bản về *jQuery là gì?*JavaScript là gì? Tổng quan về JavaScript Tiếp bài viết hôm nay cũng là bài viết mở đầu cho các bài viết ứng dụng của jScript & jQuery. Mình sẽ hướng dẫn các bạn tạo một box thông báo và hỏi người dùng dưới dạng Đồng ý (Yes) hoặc Không đồng ý (No).

Xác nhận yêu cầu Confirm Yes/No bằng JavaScript
[Tải ảnh]


Chắc chắn nhiều khi các bạn lướt một trang web hay vào phần quản lý của một trang web khi các bạn nhận vào một liên kết nào đó hay một buttom hoặc là nhận vào xóa bỏ một bài viết …v…v thì các bạn sẽ thấy xuất hiện một box với nội dung có thể là “Bạn có thực sự chắc chắn chưa?” hoặc “Bạn đồng ý vào liên kết này chứ” …v…v dưới dạng câu hỏi đồng ý hoặc không đồng ý. Bạn chỉ được chọn một trong hai điều kiện đó, nếu đồng ý thì sẽ thực thi sự kiện tiếp theo còn không đồng ý thì sẽ trả về trạng thái ban đầu. Để làm được điều đó thì chúng ta sẽ dùng đến JavaScript nhé.
Dưới đâu là hình mô phỏng sự kiện khi các bạn click vào một liên kết hay Submit …v..v.

Xác nhận yêu cầu Confirm Yes/No bằng JavaScript
[Tải ảnh]


Đây thực sự chỉ là một sự kiện onclick trong JavaScript mà thôi nhằm mục đích hỏi người dùng hoặc thông báo một vấn đề gì đó. Sau đây mình sẽ hướng dẫn các bạn hai dạng đó là dạng liên kết và dạng Submit.

Đầu tiên các bạn tạo cho mình một thẻ liên kết và một nút Submit như sau:
<a href="#">ClickNgay</a>
<input type="submit" value="Click Ngay"/>

Sau khi tạo xong thì mình sẽ thêm sự kiên onclick vào liên kết và nút Submit.
<a onclick="return confirmAction()" href="#">ClickNgay</a>
<input type="submit" onclick="confirmAction()" value="Click Ngay"/>

Giải thích chút về code trên nhé. Trong liên kết mình đã thêm sự kiện onclick vào và khi người dùng click vào thì sẽ return về hàm confirmAction(). Tương tự cho nút Submit, nhưng có một chỗ khác là ở liên kết thì chúng ta phải dùng return còn ở nút Submit thì chúng ta không phải dùng return nhé.

Tiếp theo mình sẽ viết một hàm có tên là confirmAction() để thực hiện sự kiến hỏi hoặc thông báo điều gì đó cho người dùng.
<SCRIPT LANGUAGE="JavaScript">
function confirmAction(){
return confirm("Xin chào bạn! Bạn khỏe không?")
}
</SCRIPT>

Hàm này rất đơn giản chúng ta trả về một box thông báo bằng cách sử dụng hàm Confirm Yes/No JavaScript mà thôi.

Như vậy chỉ một vài dòng code đơn giản chúng ta đã có ngay một box dưới dạng Confirm Yes/No mà các bạn có thể sử dụng cho nhiều tình huống đặc biệt khi làm trang quản trị admin hoặc bên ngoài site. Chúc các bạn thành công!
↑↑ Lượt xem: 268
score
Đánh giá: 4.5/ 5, 268 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-268]