Js скриване и показване на div с cookie

[vojda_na_inkite]

Някой може ли да ми даде пример как мога да направя бутонче и след като потребителя цъкне на него да се скрива определен див и да се сетват бисквитки че потребителя е цъкнла на бутона и че не желае да се вижда дива

 

[vojda_na_inkite]

Никой ли не може да помогне ?

 

[madmax3_]

Това върши ли работа ?

http://geobg.info/web/index.php?id=48

 

[vojda_na_inkite]

за жалост не трябва ми всичко да е с js да няма php

 

[madmax3_]

Е защо не проявиш малко фантазия и да положиш малко труд ?


<script type="text/javascript">
function hide_div(){
var days = 30; //Days to remember
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
document.cookie= "div_status=hidden; expires=" + date.toGMTString();
document.getElementById('div_to_hide').innerHTML = " ";
}
</script>

<div id='div_to_hide'>

Lorem Ipsum ....

</div>


<input type='button' onclick='hide_div()'>

При зареждането на страницата трябва да провериш дали е активна бисквитката и ако е активна да не извежда текста. Нещо такова:

<body onload='checkCookie()'>

http://www.w3schools.com/js/js_cookies.asp

 

[vojda_na_inkite]

Сега ако ми кажеш и как точно да направя проверката имаш +1

 

[madmax3_]

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies.substr(0,ARRcookies.indexOf("="));
y=ARRcookies.substr(ARRcookies.indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape;
}
}
}

function checkCookie(){
var s = getCookie("div_status");

if (s == "hidden") {

document.getElementById('div_to_hide').innerHTML = " ";

}


}

<body onload='checkCookie()'>

....


</body>


Така би трябвало да стане, но не съм го пробвал.

 

[vojda_na_inkite]

Пиши ми на ЛС ако може скайпа ти да ми помогнеш ако си свободен ще съм ти много благодарен

 

[madmax3_]

Ето ти целия код:

<html>
<head>

<script type="text/javascript">

function hide_div(){
var days = 30; //Days to remember
var date = new Date();
date.setTime(date.getTime()+(days*24*60*60*1000));
document.cookie= "div_status=hidden; expires=" + date.toGMTString();
document.getElementById('div_to_hide').innerHTML = " ";
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies.substr(0,ARRcookies.indexOf("="));
y=ARRcookies.substr(ARRcookies.indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape;
}
}
}

function checkCookie(){

// If you want to delete cookie enable next row
// document.cookie= "div_status=null; expires=-1";

var s = getCookie("div_status");

if (s == "hidden") {

document.getElementById('div_to_hide').innerHTML = " ";

}


}
</script>

</head>

<body onload='checkCookie()'>


<div id='div_to_hide'>

Lorem Ipsum ....

<input type='button' onclick='hide_div()'>

</div>

</body>
</html>