Trang Chính
1
Hướng dẫn sử dụng js cookie mặc định của Forumotion 21/4/2012, 8:34 am
duongcam.ict
Admin
Bài viết : 120
Points : 338
Thanked : 8
Join date : 25/11/2011Age : 34
Đến từ : Việt Nam
Trong Forumotion bạn có thể dùng javascript cookie một cách đơn giản hơn bằng cách dùng plugin cookie mặc định. Cách dùng như sau:
Ghi chú: Nếu thiết lập sticky là false và path "/" thì có thể bỏ sticky và path hoặc bỏ path.
Lấy cookie: my_getcookie(name)
Ví dụ: Ta bắt đầu với đoạn mã không có cookie.
Trong đoạn mã trên khi click vào span#fmvitoggle thì div#fmvicookie sẽ ẩn đi, và khi tải lại trang thì div#fmvicookie sẽ hiện trở lại.
Nếu bạn muốn khi tải lại trang div#fmvicookie ẩn thì chỉ có thể dùng cookie. Cách dùng như sau:
Bước 1: Đặt giá trị cookie. Trong thẻ script ví dụ trên, thêm my_setcookie vào lệnh click
Đoạn script trên, khi span#fmvitoggle được click thì ngoài lệnh ẩn div#fmvicookie nó sẽ thực hiện thêm lệnh đặt cookie có tên là fmvicookie với giá trị yes, kiểu lưu theo phiên và thiết lập đường dẫn là /h60-demo-my_getcookie
Demo: http://www.fmvi.org/h61-demo-my_setcookie tại trang demo này khi tải lại trang thì div#fmvicookie vẫn hiện, do thiết lập đường dẫn không phải ở đây.
Bước 2: Lấy cookie. Ta dùng my_getcookie. Theo ví dụ trên, my_getcookie("fmvicookie") sẽ trả về giá trị của cookie là yes
Trong đoạn mã trên my_getcookie("fmvicookie") sẽ lấy về giá trị cookie tên fmvicookie, nếu nó có giá trị là yes thì div#fmvicookie sẽ ẩn đi.
Demo: http://www.fmvi.org/h60-demo-my_getcookie đây là trang có đường dẫn phù hợp với cookie được lưu ở bước 1.
- Đặt cookie: my_setcookie(name,value,sticky,path) hoặc my_setcookie(name,value,sticky) hoặc my_setcookie(name,value)
- name: Tên cookie.
- value: Giá trị cookie.
- sticky: Kiểu lưu cookie. Nếu muốn lưu vĩnh viễn thì thiết lập là true hoặc 1, nếu muốn lưu theo phiên thì thiết lập là false hoặc 0
- path: Thiết lập đường dẫn xác định tại miền
Ghi chú: Nếu thiết lập sticky là false và path "/" thì có thể bỏ sticky và path hoặc bỏ path.
Ví dụ: Ta bắt đầu với đoạn mã không có cookie.
- Code:
<span style="float: right; padding: 5px; background-color: white;" id="fmvitoggle">
<img alt="fmOpen" src="http://i48.servimg.com/u/f48/16/58/89/73/cursor10.png">
</span>
<div id="fmvicookie" style="padding: 100px; background-color: gray;">
</div>
<script>
$("span#fmvitoggle").click(function() {
$("div#fmvicookie").hide();
});
</script>
Trong đoạn mã trên khi click vào span#fmvitoggle thì div#fmvicookie sẽ ẩn đi, và khi tải lại trang thì div#fmvicookie sẽ hiện trở lại.
Nếu bạn muốn khi tải lại trang div#fmvicookie ẩn thì chỉ có thể dùng cookie. Cách dùng như sau:
Bước 1: Đặt giá trị cookie. Trong thẻ script ví dụ trên, thêm my_setcookie vào lệnh click
- Code:
<script>
$("span#fmvitoggle").click(function() {
$("div#fmvicookie").hide();
my_setcookie("fmvicookie", "yes", 0, "/h60-demo-my_getcookie");
});
</script>
Đoạn script trên, khi span#fmvitoggle được click thì ngoài lệnh ẩn div#fmvicookie nó sẽ thực hiện thêm lệnh đặt cookie có tên là fmvicookie với giá trị yes, kiểu lưu theo phiên và thiết lập đường dẫn là /h60-demo-my_getcookie
Demo: http://www.fmvi.org/h61-demo-my_setcookie tại trang demo này khi tải lại trang thì div#fmvicookie vẫn hiện, do thiết lập đường dẫn không phải ở đây.
Bước 2: Lấy cookie. Ta dùng my_getcookie. Theo ví dụ trên, my_getcookie("fmvicookie") sẽ trả về giá trị của cookie là yes
- Code:
<script>
if (my_getcookie("fmvicookie") == "yes") {
$("div#fmvicookie").hide();
};
</script>
Trong đoạn mã trên my_getcookie("fmvicookie") sẽ lấy về giá trị cookie tên fmvicookie, nếu nó có giá trị là yes thì div#fmvicookie sẽ ẩn đi.
Demo: http://www.fmvi.org/h60-demo-my_getcookie đây là trang có đường dẫn phù hợp với cookie được lưu ở bước 1.
Viết bởi baivong - www.FMvi.org
