Приветствуем Вас на сайте!
      Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.

      Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:

Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».

Заказывая работу для вашего сайта у нас, вы экономите время...

Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Анимация Шапки
Анимация Меню
Анимация Футера
Автообновление Чата
Автообновление Статистики
Звуковые Оповещения
Авто Подгрузка Материалов

Перезагрузите страницу
pageInfo - Информация посещения страницы.
DEMO +
Всем привет, продолжаем делать панели информации которая поможет юзерам узнать информацию был ли он на той или иной странице, сколько и когда последний раз.

Особенности:
1. Каждая страница своя инфа.
2. Сколько раз был на этой странице.
3. Последние посещение страницы

Установка:
1. Добавим Js на странице где хотим видеть панель информации:
Код
<script>
module = location.pathname;
$('body').append('<div class="push"></div>');
push = { call:function(pushInfo,file){  
$('.push').html(pushInfo).fadeIn(500).delay(14000).fadeOut(500);  
mp3=new Audio(file);mp3.src=file;mp3.play(); }};
dates = new Date();  
sDt = dates.getDate();  
sDm = dates.getMonth() +1; if(sDm < 10) {sDm = '0'+sDm}  
sDy = dates.getFullYear();  
sTh = dates.getHours();  
sTm = dates.getMinutes();  
  activeAll = localStorage[module];
acSound = '//woobl.ru/other/cl3.m4a';
if(localStorage[module] == undefined) {  
activeAll = '0|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'';
push.call('Добро пожаловать на BS',acSound);
} else {  
activeAll = activeAll.split('|');
activeAll[0] = Number(activeAll[0])+Number(1);
activeAll = ''+activeAll[0]+'|'+activeAll[1]+'';
localStorage.setItem(module, ''+activeAll+'');
activeAll = activeAll.split('|');
push.call('Был уже: '+activeAll[0]+' раз.<hr>Последний раз '+activeAll[1]+'',acSound);
}  
activeAll = ''+activeAll[0]+'|'+sDt+'.'+sDm+'.'+sDy+' в '+sTh+':'+sTm+'';
localStorage.setItem(module, ''+activeAll+'');
</script>


2. Добавим стиль окна:
Код
.push {  
  display:none;  
  position: fixed;  
  bottom: 100px;  
  background: #5f96fd;  
  color: #fff;  
  padding: 10px;  
  border-radius: 5px;  
  font-family: sans-serif;font-size:13px;  
  z-index: 9999;  
  text-align: center;  
  left: 25%;  
  right: 25%;  
  }
Данный раздел авторский все работы являются собственностью BS (mybeststudio.ru) любое коммерческое использование строго запрещено.

При копировании материала указываем источник MyBeststudio.ru.

Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Поделиться новостью в социальной сети.
Добавил: Best_Studio
Дата добавления: 16.04.2018 в 19:56 по МСК
Категория: Другие модули
Просмотров: 85
Комментариев: 2
Эмоций:
Теги: css, info, uWnd, user, pageInfo, okno, js, localstorage
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Marishka
16.04.2018 | # |№2
Cool, ждем Notification :)
Ok

Milan_Shubin
16.04.2018 | # |№1
Спасибо)))
Ok