ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / LocalStorage скрыть объект на определенное время
6 сообщений из 6, страница 1 из 1
LocalStorage скрыть объект на определенное время
    #39719944
angrybot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
angrybot
Участник
Всем привет!

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

Код: 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:42
| Ответить | Цитировать | Написать  
LocalStorage скрыть объект на определенное время
    #39719946
angrybot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
angrybot
Участник
Как сделать проверку что если был клик на крестик то не показывать банер к примеру 1-2-3 дня
...
Рейтинг: 0 / 0
19.10.2018, 13:43
| Ответить | Цитировать | Написать  
LocalStorage скрыть объект на определенное время
    #39719982
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
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, 14:29
| Ответить | Цитировать | Написать  
LocalStorage скрыть объект на определенное время
    #39720008
angrybot
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
angrybot
Участник
krvsa,

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

Не заметил что там комментарии стоят в скрипте)
спасибо что поправили, все заработало)
ура.! Карма Вам и Вашему миру)
...
Рейтинг: 0 / 0
19.10.2018, 15:08
| Ответить | Цитировать | Написать  
6 сообщений из 6, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / LocalStorage скрыть объект на определенное время
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
NoSQL.ru       Новости, Чат       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1444007]:
 0ms
get settings:
 8ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 11ms
get first new msg:
 7ms
get forum data:
 3ms
get page messages:
 40ms
get tp. blocked users:
 1ms
others: 10ms
total:  270ms
созд. / загр.: 270ms
x
x
Закрыть


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