Tôi đang tìm một số mã mẫu/điều khiển mang lại cho tôi cảm giác của gmail như hộp thư thông qua jQuery trong ASP.NET.Gmail giống như hộp cảnh báo (cho thông tin hoặc hiển thị lỗi) thông qua jQuery trong ASP.NET
5
A
Trả lời
13
Tôi nghĩ điều bạn đang tìm kiếm là jQuery BlockUI.
Hãy xem qua số demo's.
Sử dụng css bạn có thể khớp với kiểu gmail.
5
Bạn có thể sử dụng plugin, nhưng bạn cũng có thể đặt DIV cố định ở đầu trang và làm mờ nó vào/ra. Hãy xem ví dụ:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('input').click(function() {
$('#notification').fadeIn('slow');
});
});
</script>
</head>
<body style="height: 1000px;">
<div id="notification" style="position: fixed; top: 0px; margin-left: 50%; background-color: yellow; font-weight: bold; display: none;">Sending...</div>
<input type="button" value="Gmail notification!" />
</body>
</html>
Bạn phải tìm cách ẩn (gọi lại sau khi thao tác hoàn tất, v.v.), tạo kiểu và vân vân. Đó chỉ là một ví dụ.
Các vấn đề liên quan
- 1. Để hiển thị thông báo lỗi mà không cần hộp cảnh báo trong Java Script
- 2. Hiển thị thông báo lỗi thích hợp với jQuery AJAX
- 3. Nhấp vào 'OK' trên cảnh báo hoặc xác nhận hộp thoại thông qua jquery/javascript?
- 4. Xác thực jQuery - Ẩn thông báo lỗi xác thực hiển thị/hiển thị lỗi tùy chỉnh
- 5. Hiển thị Thông báo Lỗi với Sinatra
- 6. Hiển thị thông báo thông tin trong jsp cho Spring WebFlow 2.0
- 7. Làm thế nào để hiển thị thông báo lỗi trong cổng thông tin liferay?
- 8. Tự động tạo hộp cảnh báo Bootstrap thông qua JavaScript
- 9. Hiển thị hộp thông báo từ Dịch vụ Windows
- 10. Asp.net Webform Hiển thị Thông báo và chuyển hướng
- 11. Hộp thoại cảnh báo không hiển thị
- 12. Thông báo SMS cho Gmail bằng Google Apps Scripts: cách hiển thị nội dung email?
- 13. Thông báo Android- Hiển thị toàn bộ thông báo
- 14. Hiển thị thông báo xử lý trong jQuery DataTables
- 15. Hiển thị cảnh báo hoặc chế độ xem khi nhận thông báo
- 16. Cách hiển thị Thông báo Cảnh báo như "Đã chèn thành công" sau khi chèn vào DB bằng ASp.net MVC3
- 17. Thông báo Không hiển thị
- 18. Thực tiễn tốt nhất để hiển thị thông báo lỗi
- 19. Tổ ong Gmail Giống như ứng dụng
- 20. chặn thông điệp được hiển thị bằng "in" thay vì "tin nhắn" hoặc "cảnh báo" trong R
- 21. ASP.NET - Hiển thị thông báo khi trang đang tải
- 22. Logcat không hiển thị thông báo mức gỡ lỗi
- 23. Thông báo tải Jquery Mobile 1.2RC-1 không hiển thị
- 24. Cách tốt nhất để hiển thị thông báo lỗi/cảnh báo trên ứng dụng trang web là gì?
- 25. Làm thế nào để hiển thị thông báo popup như trong Stackoverflow
- 26. Cách tốt nhất để hiển thị thông báo với jQuery
- 27. Làm thế nào để hiển thị thông báo lỗi JSON?
- 28. Cố gắng lấy Gói Phiên bản Thông tin để hiển thị trong thông báo "Giới thiệu"
- 29. thông báo lỗi javac không hiển thị toàn bộ filepath
- 30. Hiển thị thông báo nhật ký gỡ lỗi GTK
Trình cắm tuyệt vời, tìm tốt. – Kieron
nếu bạn chỉ muốn hiển thị thư, sử dụng http://stanlemon.net/pages/jgrowl thì đơn giản hơn. –