_ZET_, когда описываешь какую-то проблему, желательно делать полный тестовый пример... Его можно запустить. На нем можно что-то показать. ;)
А эти твои огрызки - они просто бесполезны. |
Цитата:
<!DOCTYPE html>
<html>
<head lang="ru">
<meta charset="UTF-8">
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="/jquery.cookie.js"></script>
<title>Тест</title>
</head>
<body>
<style>
.all{
height: 50px;
width: 70px;
background: #b17902;
}
</style>
<div class="all"></div>
<script type="text/javascript">
$(".all").click(function(){
$(this).css("background" , "#009900");
$(this).css("height" , "60px");
var color = $(".all").css('background');
var height = $(".all").css('height');
var arrCoHe = color+ "," +height;
$.cookie(".all", arrCoHe);
alert('Записано :'+arrCoHe);
});
if($.cookie(".all")) {
var al = $.cookie(".all");
var arrCoHe = al.split(",");
$('.all').css({
'background': arrCoHe[0],
'height': arrCoHe[1]
})
}
</script>
</body>
</html>
jquery.cookie.js только придется еще качать.Со своего не могу подключить,он на shopscript 309 :) |
_ZET_, вот пример с локальным хранилищем...
<!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>
<link rel='stylesheet type=text/css href=tmp.css' />
<link rel="stylesheet/less" type="text/css" href="style.less">
<script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"></script>
-->
<style type='text/css'>
.all{
height: 50px;
width: 70px;
background: #b17902;
}
</style>
<script type='text/javascript'>
$(function(){
$(".all").click(function(){
var color = "#009900";
var height = "60px";
$(this).css("background-color" , color);
$(this).css("height" , height);
var arrCoHe = color+ "," +height;
localStorage.setItem("all", arrCoHe);
});
var al=localStorage.getItem("all");
if(al) {
var arrCoHe = al.split(",");
$('.all').css({
'background': arrCoHe[0],
'height': arrCoHe[1]
})
}
});
</script>
</head>
<body>
<div class="all"></div>
</body>
</html>
|
Отлично, но пока сделал тупо через смену картинки вместо кнопки со стилями:)
Спасибо!:dance: |
| Часовой пояс GMT +3, время: 07:54. |