|
Сообщение от Warycooper
|
|
Именно этого я и хочу добиться
|
Тогда кода через чур много...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
var clr=getCookie('color');
if (clr) {
$('#test').css('background-color',clr);
};
$('#btn1').click(function(){
var clr='#ffffff';
$('#test').css('background-color',clr);
setCookie('color',clr);
});
$('#btn2').click(function(){
var clr='red';
$('#test').css('background-color',clr);
setCookie('color',clr);
});
});
function getCookie(name) {
var matches = document.cookie.match(new RegExp(
"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
));
return matches ? decodeURIComponent(matches[1]) : undefined;
};
function setCookie(name, value, options) {
options = options || {};
var expires = options.expires;
if (typeof expires == "number" && expires) {
var d = new Date();
d.setTime(d.getTime() + expires * 1000);
expires = options.expires = d;
};
if (expires && expires.toUTCString) {
options.expires = expires.toUTCString();
};
value = encodeURIComponent(value);
var updatedCookie = name + "=" + value;
for (var propName in options) {
updatedCookie += "; " + propName;
var propValue = options[propName];
if (propValue !== true) {
updatedCookie += "=" + propValue;
}
};
document.cookie = updatedCookie;
}
</script>
</head>
<body>
<div>
<button id="btn1">сделать белый фон</button>
<button id="btn2">сделать тёмный фон</button>
</div>
<div id="test">Здесь меняет фон текста</div>
</body>
</html>