Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- pageInfo - Информация посещения страницы.
DEMO
+
Всем привет, продолжаем делать панели информации которая поможет юзерам узнать информацию был ли он на той или иной странице, сколько и когда последний раз.
Особенности:
1. Каждая страница своя инфа.
2. Сколько раз был на этой странице.
3. Последние посещение страницы
Установка:
1. Добавим Js на странице где хотим видеть панель информации:
2. Добавим стиль окна:
Особенности:
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>
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%;
}
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%;
}
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 16.04.2018 в 19:56 по МСК
Категория: Другие модули
Просмотров: 632
Комментариев: 2
Эмоций:
Дата добавления: 16.04.2018 в 19:56 по МСК
Категория: Другие модули
Просмотров: 632
Комментариев: 2
Эмоций:
Теги:
| |