Форум

ksa · #11 (**permalink**) 14.05.2015, 08:32

_ZET_, когда описываешь какую-то проблему, желательно делать полный тестовый пример... Его можно запустить. На нем можно что-то показать.

А эти твои огрызки - они просто бесполезны.

_ZET_ · #12 (**permalink**) 14.05.2015, 11:23

Сообщение от ksa

_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

ksa · #13 (**permalink**) 14.05.2015, 15:17

_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>

_ZET_ · #14 (**permalink**) 14.05.2015, 17:09

Отлично, но пока сделал тупо через смену картинки вместо кнопки со стилями

Спасибо!

Форум

Справочник

Discord чат

Курсы javascript