Нужно сохранение информации

@Dent_Shredder · Регистрация: 02.04.2015

Студворк — интернет-сервис помощи студентам

Вот сайт:
http://payforclick.hol.es/

В Div с цифрами (счётом) накапливаются определённые цифры, но есть проблема после рестарта страницы они пропадают, то-же самое с картинками они доходят до конца и должны перестать показываться навсегда, но после рестарта можно смотреть заново.
Помогите исправить.

Вот документ:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE HTML>
<HTML>
  <HEAD>
  <META http-equiv="Content-Type" content="text/html; charset=UTF-8" >
  <TITLE></TITLE>
      <STYLE type="text/css">
      body{
      background: url(images/bg.png);
      }
      img#IMJ{
      width: 500px;
      height: 300px;
      border-radius: 5px;
      border: 1px white solid;  
      }
      div#FIRST{
      width: 500px;
      height: 300px;
      padding: 50px;
      background: rgba(255,255,255,0.2);
      border-radius: 5px;
      border: 1px white solid;  
      margin: 0px auto;   
      }
      #THIRD{
      background: #FF7F50;
      border: 1px solid black;
      font: 12px arial;
      color: black;
      width: 200px;
      height: 50px;
}
      #THIRD:hover{
      background: #DC143C;
      color: black;
}
      #SECOND{
      background: DarkGreen;
      border: 1px solid black;
      font: 12px arial;
      color: white;
      width: 200px;
      height: 50px;
}
 
 
#NULL{
background: DarkRed;
border: 1px solid black;
font: 12px arial;
color: white;
width: 200px;
height: 50px;
text-align: center;
}
 
 
      </style>
      <script type="text/javascript" src="JS/jquery-1.8.3.min.js"></script>
  </HEAD>
<body>
<script type="text/javascript"> 
var c=0;
jQuery(function(){
    $("#FIRST").click(function() {
        if (c>=20) $('#IMJ').hide();
        c+=1;
        $("#IMJ").attr('src', 'images/'+c+'.jpg');
        setCookie("num_div", $("#IMJ").html());
    });
});
 
//---------------------------------------------------
 
function getCookie(name){var matches=document.cookie.match(new RegExp("(?:^|; )"+name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return matches?decodeURIComponent(matches[1]):undefined}
function setCookie(name,value,props){props=props||{};var exp=props.expires;if(typeof exp=="number"&&exp){var d=new Date;d.setTime(d.getTime()+exp*1E3);exp=props.expires=d}if(exp&&exp.toUTCString)props.expires=exp.toUTCString();value=encodeURIComponent(value);var updatedCookie=name+"="+value;for(var propName in props){updatedCookie+="; "+propName;var propValue=props[propName];if(propValue!==true)updatedCookie+="="+propValue}document.cookie=updatedCookie}
function deleteCookie(name){setCookie(name,null,{expires:-1})};
 
$(function(){
num_div=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div);
$("#IMJ").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(5+parseInt(s)+'&nbsp; cents');
setCookie("num_div", $("#SECOND").html());
});
});
 
$(function(){
num_div1=parseInt(getCookie("num_div"));
if(num_div>0) $("#SECOND").html(num_div1);
$("#THIRD").click(function(){
var s = $("#SECOND").text();
$("#SECOND").html(parseInt(s)-parseInt(s)+'&nbsp; cents');
setCookie("num_div", $("#SECOND").html());
});
});
 
</script>
<center>
<DIV ID="NULL"><center><b>Ваш счёт:</b></center></DIV>
<DIV ID="SECOND"><center><b>0</b></center></DIV>
<DIV ID="THIRD"><center><b>Снять деньги</b></center></DIV>
</center>
<DIV ID="FIRST">
<img src="https://www.cyberforum.ru/images/1.jpg" id="IMJ"></div>
 
 
 
</body>
</HTML>

@Armi · 30.05.2015, 21:29

Если картинки после рестарта должны показываться заново не надо тогда ничего сохранять в куки.
Вот так должно работать.

JavaScript
1
2
3
4
5
6
7
8
9
var c=0;
jQuery(function(){
    $("#FIRST").click(function() {
        if (c>=20){return false;}
        c++;
        $("#IMJ").attr('src', 'images/'+c+'.jpg');
       
    });
});

Добавлено через 12 минут
По поводу цифр во втором блоке подключите jQuery Cookie или используйте localStorage(html5).

Добавлено через 4 минуты

JavaScript
1
2
3
$.cookie("ключ","значение"); // установить 
 
$.cookie("ключ"); //получить

Локальное хранилище аналогично и не надо ничего подключать.

JavaScript
1
2
3
localStorage.setItem("ключ","значение"); // установить 
 
localStorage.getItem("ключ"); //получить

@Dent_Shredder · 30.05.2015, 21:58 **[ТС]**

А что подразумевается под (Ключ/Значение)

@Armi · 31.05.2015, 00:23

Ключ это что то типа имени переменной. По сути это массив.

Новые блоги и статьи Все статьи Все блоги /
Функция установки текстового статуса в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем
10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .	Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .

@Dent_Shredder 0 / 0 / 0 Регистрация: 02.04.2015 Сообщений: 28
	30.05.2015, 21:58 [ТС]
	А что подразумевается под (Ключ/Значение) 0

@Armi 312 / 106 / 69 Регистрация: 18.04.2015 Сообщений: 346
	31.05.2015, 00:23
	Ключ это что то типа имени переменной. По сути это массив. 0