Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / LocalStorage скрыть объект на определенное время / 6 сообщений из 6, страница 1 из 1
19.10.2018, 13:42
    #39719944
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
Всем привет!

Есть мелкий банер:

Код: html
1.
2.
3.
4.
5.
<div id="header_click">
              <img src="https://www.kimia.ro/media/customstock/files/a/l/alergator.png" style="width: 50px;display: inline-block;">
              Пригласите менеджера к себе на объект!
              <span id="hide_d">x</span>
</div>



И есть Jquery код небольшой, который при клике на X соотвертственно скрывает блок, но он появляется вновь при перезагрузки и логично прикрутить localstorage чтобы он не отображался какое то количество времени, но что то столкнулся с проблемкой:

Код: javascript
1.
2.
3.
 $("#hide_d").click(function(){
            $("#header_click").hide(2000);
            });



Вот код для сохранения и проверки localstorage:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
$(function() {
  // получить значение даты из LocalStorage
  var dateModalShow = localStorage.getItem("dateModalShow");
  // получить значение текущей даты
  var currentDate = new Date().toString();
  // если значение даты в LocalStorage равно null или
  // не равно текущей даты 
  // (т.е. если модальное окно сегодня не показывалось, то)
  if (dateModalShow=null || (((((new Date(currentDate)).getTime())- ((new Date(dateModalShow)).getTime()))/18000000)>5) ) {  
    // открываем модальное окно
    $("#header_click").modal('show');
    // сохраняем дату открытия модального окна в LocalStorage
    localStorage.setItem("dateModalShow", currentDate);
  }
});
...
Рейтинг: 0 / 0
19.10.2018, 13:43
    #39719946
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
Как сделать проверку что если был клик на крестик то не показывать банер к примеру 1-2-3 дня
...
Рейтинг: 0 / 0
19.10.2018, 14:29
    #39719982
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
angrybotКак сделать проверку что если был клик на крестик то не показывать банер к примеру 1-2-3 дня
Как вариант...

Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://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(){
	$("#hide_d").click(function(){
		$("#header_click").hide(2000);
		var currentDate = new Date().toString();
		localStorage.setItem("dateModalShow", currentDate);
	});
	//var currentDate = 'Fri Oct 24 2018 14:17:42 GMT+0300 (Восточная Африка)';
	var maxDay=3;
	var dateModalShow = localStorage.getItem("dateModalShow");
	if (dateModalShow) {
		var day=((new Date()).getTime() - (new Date(dateModalShow)).getTime())/1000/60/60/24;
		alert(day)
		if (day<=maxDay) {
			$("#header_click").hide();
		}
	};
});
</script>
</head>
<body>
<div id="header_click">
	<img src="https://www.kimia.ro/media/customstock/files/a/l/alergator.png" style="width: 50px;display: inline-block;">
	Пригласите менеджера к себе на объект!
	<span id="hide_d">x</span>
</div>
</body>
</html>
...
Рейтинг: 0 / 0
19.10.2018, 15:02
    #39720008
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
krvsa,

а ангуляр обязательно ставить скрипты ?
...
Рейтинг: 0 / 0
19.10.2018, 15:05
    #39720012
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
angrybotа ангуляр обязательно ставить скрипты ?
С чего ты взял? :-O
...
Рейтинг: 0 / 0
19.10.2018, 15:08
    #39720015
angrybot
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
LocalStorage скрыть объект на определенное время
krvsa,

Не заметил что там комментарии стоят в скрипте)
спасибо что поправили, все заработало)
ура.! Карма Вам и Вашему миру)
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / LocalStorage скрыть объект на определенное время / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]