Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- Статус сети
DEMO
+
Скрипт уведомление который поможет вам вывести свой статус интернет соединения если он потерян или был восстановлен.
HTML вывод уведомления:
Js скрипт:
CSS:
HTML вывод уведомления:
Код
<div id="push"></div>
Js скрипт:
Код
let isNetwork = true;
setInterval(function(){
if(navigator.onLine){
if(!isNetwork) {
$('#push').show(0).attr('class','online').html('<div>Соединение восстановлено</div>').delay(5000).hide(0);
isNetwork = true;
}
}else{
isNetwork = false;
$('#push').show().attr('class','offline').html('<div>Вы офлайн.</div><div onClick="window.location.reload();">Обновить</div><div onclick="$(\'#push\').remove()">x</div>');
}
},1000);
setInterval(function(){
if(navigator.onLine){
if(!isNetwork) {
$('#push').show(0).attr('class','online').html('<div>Соединение восстановлено</div>').delay(5000).hide(0);
isNetwork = true;
}
}else{
isNetwork = false;
$('#push').show().attr('class','offline').html('<div>Вы офлайн.</div><div onClick="window.location.reload();">Обновить</div><div onclick="$(\'#push\').remove()">x</div>');
}
},1000);
CSS:
Код
#push{display:none;position:fixed;left:30px;bottom:30px;background-color:#242527;padding:10px;border-radius:5px;color:#fff}
.online:before{-webkit-mask:url(https://i.imgur.com/bk1vMUb.png) no-repeat;-webkit-mask-size:31px;content:'';width:31px;height:31px;display:inline-block;margin-right:10px;background-color:#708090;float:left}
.offline:before{-webkit-mask:url(https://i.imgur.com/iJqP560.png) no-repeat;-webkit-mask-size:31px;content:'';width:31px;height:31px;display:inline-block;margin-right:10px;background-color:#708090;float:left}
#push div{float:left;font-size:12px;padding:8px 10px}
#push div:nth-child(2){margin-left:50px;color:aqua;cursor:pointer}
#push div:nth-child(2):hover{color:#f4c55b}
#push div:nth-child(3){background:#3d3e40;font-weight:700;border-radius:30px;cursor:pointer;font-size:15px!important;width:30px;text-align:center;padding:6px 0!important;margin-left:5px}
#push div:nth-child(3):hover{background:#5b69bc;color:#fff}
.online:before{-webkit-mask:url(https://i.imgur.com/bk1vMUb.png) no-repeat;-webkit-mask-size:31px;content:'';width:31px;height:31px;display:inline-block;margin-right:10px;background-color:#708090;float:left}
.offline:before{-webkit-mask:url(https://i.imgur.com/iJqP560.png) no-repeat;-webkit-mask-size:31px;content:'';width:31px;height:31px;display:inline-block;margin-right:10px;background-color:#708090;float:left}
#push div{float:left;font-size:12px;padding:8px 10px}
#push div:nth-child(2){margin-left:50px;color:aqua;cursor:pointer}
#push div:nth-child(2):hover{color:#f4c55b}
#push div:nth-child(3){background:#3d3e40;font-weight:700;border-radius:30px;cursor:pointer;font-size:15px!important;width:30px;text-align:center;padding:6px 0!important;margin-left:5px}
#push div:nth-child(3):hover{background:#5b69bc;color:#fff}
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 20.10.2021 в 22:47 по МСК
Категория: Другие модули
Просмотров: 323
Комментариев: 0
Эмоций:
Дата добавления: 20.10.2021 в 22:47 по МСК
Категория: Другие модули
Просмотров: 323
Комментариев: 0
Эмоций:
Теги: