Отображение div только при первом посещении (куки?)
Я пытаюсь отобразить div в первый раз, когда пользователь заходит на мой сайт. Я уверен, что я делаю это, используя куки, с которыми у меня ограниченный опыт, и мне трудно понять. Большинство учебных пособий, которые я нашел в Интернете, говорят только о том, что куки-файлы побуждают пользователя вводить что-то вроде имени, и позволяют ли они вызывать его позже, а это совсем не то, что мне нужно. Я просто хочу, чтобы cookie проверял, бывал ли пользователь на моем сайте раньше, и, если нет, отображал div, который обычно скрыт.
Вот кое-что, что я пытался и не смог получить работу.
HTML:
<head>
<script type="text/javascript" src="annoy.js"></script>
<script type="text/javascript" src="scripts.js"></script>
</head>
...
<body>
<div id="overbox3">
<div id="infobox3">
<p>This is the cookie box</p>
<br />
<p>it should only show once </p>
<br/><br/>
</div><!-- end infobox3 -->
</div> <!-- end overbox3 -->
</body>
CSS (не очень актуально, так как это работает нормально):
#overbox3 {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(64, 64, 64, 0.5);
z-index: 999999;
display: none;
}
#infobox3 {
margin: auto;
position: absolute;
left: 35%;
top: 20%;
height: 300px;
width: 400px;
background-color: white;
border: 1px solid red;
}
Соответствующее содержание scripts.js:
function popbox3() {
$('#overbox3').toggle();
}
И я предполагаю, что это проблема, содержание annoy.js:
function GetCookie(name) {
var arg=name+"=";
var alen=arg.length;
var clen=document.cookie.length;
var i=0;
while (i<clen) {
var j=i+alen;
if (document.cookie.substring(i,j)==arg)
return "here";
i=document.cookie.indexOf(" ",i)+1;
if (i==0)
break;
}
return null;
}
var visit=GetCookie("COOKIE1");
if (visit==null){
var expire=new Date();
popbox3();
expire=new Date(expire.getTime()+7776000000);
document.cookie="COOKIE1=here; expires="+expire;
}
Насколько я понимаю, cookie должен вызывать функцию popbox3 () только в том случае, если пользователь еще не посещал, что переключало бы отображение скрытого div. Но на данный момент ничего не работает. Любое разъяснение или помощь здесь будет принята с благодарностью. Заранее спасибо.