Jquery 带有Cookie的警报引导
我尝试使用来自引导的警报获取cookie通知。 我使用了以下代码:Jquery 带有Cookie的警报引导,jquery,html,css,twitter-bootstrap,cookies,Jquery,Html,Css,Twitter Bootstrap,Cookies,我尝试使用来自引导的警报获取cookie通知。 我使用了以下代码: <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" </script>
<script src="src/jquery.cookie.js"></script>
<script type="text/javascript">
jQuery(function( $ ){
// Check if alert has been closed
if( $.cookie('alert-box') === 'closed' ){
$('.alert').hide();
}
// Grab your button (based on your posted html)
$('.close').click(function( e ){
// Do not perform default action when button is clicked
e.preventDefault();
/* If you just want the cookie for a session don't provide an expires
Set the path as root, so the cookie will be valid across the whole site */
$.cookie('alert-box', 'closed', { expire 7, path: '/' });
});
});
</script>
<!-- Body Markup -->
<div class="alert alert-info fade in">
<button type="button" class="close" data-dismiss="alert">×</button>
<strong> ALERT BODY</strong>
</div>
在onClick事件中调用此函数。将总分钟数放入构造函数()
对于将来使用Bootstrap 4的读者,Toast组件现在可以用来创建cookie同意横幅。下面是一个工作示例:
HTML:
Cookie警告
此网站存储Cookie等数据,以实现网站功能,包括分析和个性化。通过使用本网站,您自动接受我们使用cookies。
否认
接受
JavaScript:
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
function cookieConsent() {
if (!getCookie('allowCookies')) {
$('.toast').toast('show')
}
}
$('#btnDeny').click(()=>{
eraseCookie('allowCookies')
$('.toast').toast('hide')
})
$('#btnAccept').click(()=>{
setCookie('allowCookies','1',7)
$('.toast').toast('hide')
})
// load
cookieConsent()
函数setCookie(名称、值、天数){
var=”;
如果(天){
变量日期=新日期();
date.setTime(date.getTime()+(天*24*60*60*1000));
expires=“;expires=“+date.toutString();
}
document.cookie=name+“=”+(值| |“”)+expires+“path=/”;
}
函数getCookie(名称){
变量nameEQ=name+“=”;
var ca=document.cookie.split(“;”);
对于(变量i=0;i{
擦除Cookie(“allowCookies”)
$('.toast').toast('hide'))
})
$(“#btnacept”)。单击(()=>{
setCookie('allowCookies','1',7)
$('.toast').toast('hide'))
})
//装载
cookieConsent()
引导程序5中的Cookie通知弹出窗口:
Cookies通知是网站或网页中的一种弹出窗口,用于在网站上首次访问。所以在这里,我们用CSS3在Bootstrap5中创建了一个很棒的Cookies通知弹出窗口用户界面
好吧,现在我成了一个失败者。。。uncaughtsyntaxerror:uncaughtsyntaxerror:uncoughtend-of-input-Fiddle:当我输入一个数字时,我变成了一条消息:example.html:27 uncaughtsyntaxerror:uncoughtednumber@PatrickDierig-我很难知道为什么饼干没有做好!也许你应该研究一下如何使用php
。我知道一个事实,你可以在点击按钮时创建cookie,并让它们在任何时候(如果不是永远)过期。
ExpireCookie(**ADD MINUTES THAT TOTAL WEEK HERE**);
<div class="fixed-bottom p-4">
<div class="toast bg-dark text-white w-100 mw-100" role="alert" data-autohide="false">
<div class="toast-body p-4 d-flex flex-column">
<h4>Cookie Warning</h4>
<p>
This website stores data such as cookies to enable site functionality including analytics and personalization. By using this website, you automatically accept that we use cookies.
</p>
<div class="ml-auto">
<button type="button" class="btn btn-outline-light mr-3" id="btnDeny">
Deny
</button>
<button type="button" class="btn btn-light" id="btnAccept">
Accept
</button>
</div>
</div>
</div>
</div>
function setCookie(name,value,days) {
var expires = "";
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString();
}
document.cookie = name + "=" + (value || "") + expires + "; path=/";
}
function getCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
function eraseCookie(name) {
document.cookie = name +'=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
}
function cookieConsent() {
if (!getCookie('allowCookies')) {
$('.toast').toast('show')
}
}
$('#btnDeny').click(()=>{
eraseCookie('allowCookies')
$('.toast').toast('hide')
})
$('#btnAccept').click(()=>{
setCookie('allowCookies','1',7)
$('.toast').toast('hide')
})
// load
cookieConsent()