Tôi muốn triển khai trên khối div hiển thị ẩn của trang web của tôi như trên stackoverflow.com - tại thời điểm người dùng muốn ẩn nó vào putted trên nút "X". Có thể đã có một giải pháp làm sẵn? Tôi không phải là câu trong Javascript và sẽ rất biết ơn sự giúp đỡ!Ẩn khối (và nhớ nó) bằng JavaScript và cookie?
6
A
Trả lời
3
Đây là ví dụ đơn giản làm việc mà không sử dụng bất kỳ thư viện bên ngoài. Bạn có thể cải thiện nó với hoạt hình/thiết kế của bạn. Ngoài ra các chức năng này cho các cookie có thể rất đơn giản nhưng bạn có thể sử dụng nó trong tương lai để đặt không chỉ giá trị boolean. CẬP NHẬT: Tôi đã thêm functon để hiển thị lại cửa sổ bật lên của bạn (để gỡ lỗi chủ yếu).
<html>
<head>
<script type="text/javascript">
function setCookie (name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires) ? "; expires=" + expires : "") +
((path) ? "; path=" + path : "") +
((domain) ? "; domain=" + domain : "") +
((secure) ? "; secure" : "");
}
function getCookie (name) {
var cookie = " " + document.cookie;
var search = " " + name + "=";
var setStr = null;
var offset = 0;
var end = 0;
if (cookie.length > 0) {
offset = cookie.indexOf(search);
if (offset != -1) {
offset += search.length;
end = cookie.indexOf(";", offset);
if (end == -1) {
end = cookie.length;
}
setStr = unescape(cookie.substring(offset, end));
}
}
if (setStr == 'false') {
setStr = false;
}
if (setStr == 'true') {
setStr = true;
}
if (setStr == 'null') {
setStr = null;
}
return(setStr);
}
function hidePopup() {
setCookie('popup_state', false);
document.getElementById('popup').style.display = 'none';
}
function showPopup() {
setCookie('popup_state', null);
document.getElementById('popup').style.display = 'block';
}
function checkPopup() {
if (getCookie('popup_state') == null) { // if popup was not closed
document.getElementById('popup').style.display = 'block';
}
}
</script>
</head>
<body onload="checkPopup();">
<div id="popup" style="display:none">Hello! Welcome to my site. If you want to hide this message then click <a href="#" onclick="hidePopup(); return false;">[x]</a></div>
<div>Some static text here.</div>
<div>Bring me <a href="#" onclick="showPopup(); return false;">back</a> my popup!</div>
</body>
</html>
0
Alternative:
-> Using localStorage instead of cookie<br/>
-> LocalStorage never expire until they delete personal data on browser<br/>
-> jQuery Library for easy customization on future<br>
-> re-display hidden remembered content<br>
-> jsfiddle.net/axcelleria/41t76s8q/<br>
Ah tôi nhớ bạn cần có một phát hiện điện thoại di động quá ..? Ở đây, chỉnh sửa là:
Để phát hiện điện thoại di động:
jsfiddle.net/axcelleria/nmosxbgm/
Các vấn đề liên quan
- 1. Cookie Javascript và cookie php
- 2. JavaScript và cookie của bên thứ ba
- 3. xmlhttprequest và set-cookie & cookie
- 4. gecko xóa lịch sử bộ nhớ cache và cookie
- 5. Cách "tốt nhất" để nhận và đặt giá trị cookie đơn bằng cách sử dụng JavaScript
- 6. Gửi cookie bằng HttpCookieCollection và CookieContainer
- 7. Hình dạng toán học và hình khối cứng bằng cách sử dụng canvas và javascript
- 8. Cách đăng nhập bằng Curl và SSL và cookie
- 9. asp.net outputcache và cookie
- 10. JavaScript và ASP.NET - Cookie với các cặp khóa/giá trị
- 11. JQuery và PHP Cookie
- 12. Vô hiệu hóa bộ nhớ đệm, cookie và mọi thứ khác trong WebView
- 13. Bảo mật cookie và phiên
- 14. Unsort: ghi nhớ hoán vị và hoàn tác nó
- 15. RestTemplate và Cookie
- 16. python subprocess ẩn stdout và chờ nó để hoàn thành
- 17. tập tin âm thanh Streaming và bộ nhớ đệm nó
- 18. Iframe và quản lý bộ nhớ trong Javascript
- 19. Cookie và tiêu đề Django
- 20. Cách đăng nhập bằng cURL với POST và Cookie
- 21. IE8 chặn cookie JavaScript
- 22. Khối nội tuyến và gói văn bản bằng CSS
- 23. Tải một tệp EXE và chạy nó từ bộ nhớ
- 24. Nếu có một phản hồi cookie thiết lập từ một xmlhttprequest, trình duyệt sẽ tôn trọng nó và đặt cookie?
- 25. cURL - cookie và các buổi
- 26. yielding trong một khối ẩn danh
- 27. Ẩn tất cả các div bằng javascript
- 28. javascript, tham chiếu vòng tròn và rò rỉ bộ nhớ
- 29. PHP: Ghi nhớ và bảo mật?
- 30. Chỉnh sửa và xem Cookie
mực, BIG nhờ cho câu trả lời của bạn cho câu hỏi của tôi! Tôi vô cùng biết ơn sự giúp đỡ của bạn. Xin lỗi vì tôi không thể trả lời ngay được. – user1103744
Bạn được chào đón :) – ink