Всплывающее окно Вход/Регистрация

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 14 окт 2016, 20:45 Сообщение

У меня на форуме есть такой скрипт

Код: Выделить всё

<br style="clear: both;" /> <!-- IF S_USER_NEW_PRIVMSG --> <script type='text/javascript'> var displaymode = 'always'; var enablefade = 'no'; var autohidebox = ['yes', 30]; var showonscroll = 'yes'; var IEfadelength = 1; var Mozfadedegree = 0.05; if (parseInt(displaymode) != NaN) { var random_num = Math.floor(Math.random() * displaymode); } function display_hover_prompt() { var ie = document.all && !window.opera; var dom = document.getElementById; var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body; var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt; var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset; var docwidth = (ie) ? iebody.clientWidth : window.innerWidth; var docheight = (ie) ? iebody.clientHeight: window.innerHeight; var objwidth = objref.offsetWidth; var objheight = objref.offsetHeight; objref.style.left = docwidth/2-objwidth/2+'px'; objref.style.top = scroll_top+docheight/2-objheight/2+'px'; if (showonscroll == 'yes') { var showonscrollvar = setInterval('static_hover_prompt()', 50); } if (enablefade == 'yes' && objref.filters) { objref.filters[0].duration = IEfadelength; objref.filters[0].Apply(); objref.filters[0].Play(); } objref.style.visibility = 'visible'; if (objref.style.MozOpacity) { if (enablefade == 'yes') { var mozfadevar = setInterval('mozilla_hover_prompt_fade()', 90); } else { objref.style.MozOpacity = 1; initiate_hover_prompt_hiding(); } } else { initiate_hover_prompt_hiding() } } function mozilla_hover_prompt_fade() { if (parseFloat(objref.style.MozOpacity) < 1) { objref.style.MozOpacity = parseFloat(objref.style.MozOpacity)+Mozfadedegree; } else { clearInterval(mozfadevar); controlledhidebox(); } } function static_hover_prompt() { var ie = document.all && !window.opera; var dom = document.getElementById; var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body; var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt; var scroll_top = (ie) ? iebody.scrollTop : window.pageYOffset; var docwidth = (ie) ? iebody.clientWidth : window.innerWidth; var docheight = (ie) ? iebody.clientHeight: window.innerHeight; var objwidth = objref.offsetWidth; var objheight = objref.offsetHeight; objref.style.top = scroll_top+docheight/3-objheight/2+'px'; } function hide_hover_prompt() { var ie = document.all && !window.opera; var dom = document.getElementById; var iebody = (document.compatMode == 'CSS1Compat') ? document.documentElement : document.body; var objref = (dom) ? document.getElementById('hoverprompt') : document.all.hoverprompt; objref.style.visibility = 'hidden'; if (typeof showonscrollvar != 'undefined') { clearInterval(showonscrollvar); } } function initiate_hover_prompt_hiding() { if (autohidebox[0] == "yes") { var delayvar = (enablefade == 'yes' && objref.filters) ? (autohidebox[1]+objref.filters[0].duration)*1000 : autohidebox[1]*1000; initiate_timer(delayvar); setTimeout('hide_hover_prompt()', delayvar); } } function initiate_timer(time) { var newtime = time-1000; setTimeout('update_timer('+newtime+')', 1000); } function update_timer(time) { var timer = time/1000; var ie = document.all && !window.opera; var dom = document.getElementById; if (dom) { var hp = document.getElementById('hptimer'); if (timer == 1) { hp.innerHTML = "<small><i>Окно закроется через "+timer+" секунду</i></small>"; } else { hp.innerHTML = "<small><i>Окно закроется через "+timer+" секунд</i></small>"; } } var newtime = time-1000; setTimeout('update_timer('+newtime+')', 1000); } function initiate_hover_prompt() { setTimeout('display_hover_prompt()', 100); } function get_cookie(Name) { var search = Name + "="; var returnvalue = ""; if (document.cookie.length > 0) { var offset = document.cookie.indexOf(search); if (offset != -1) { offset += search.length; var end = document.cookie.indexOf(';', offset); if (end == -1) { end = document.cookie.length; } returnvalue = unescape(document.cookie.substring(offset, end)); } } return returnvalue; } if (displaymode == 'always' || parseInt(displaymode) != NaN && random_num == 0) { if (window.addEventListener) { window.addEventListener('load', initiate_hover_prompt, false) } else if (window.attachEvent) { window.attachEvent('onload', initiate_hover_prompt) } else if (document.getElementById) { window.onload = initiate_hover_prompt; document.cookie = 'fadedin=yes'; } } </script> <style type='text/css'>#hoverprompt{position:absolute;width:300px;left:0;top:-400px;padding:4px;z-index:100;visibility:hidden}</style> <div id='hoverprompt' class='tablebg'><div class='tablebg'><div class ='maintitle' align='center'><b><font size="4">Внимание!!!</font></b></div> <table align='center' width='100%' class='row1' cellspacing='0' cellpadding='5'> <tr> <td align='center'><b>Вам пришло новое сообщение!!! <a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}</a><b>.</br></br></br> (это окно будет напоминать Вам о не прочитанном сообщении до тех пор - пока Вы его не прочитаете). </td> </tr> <tr> <td align='center'><div id='hptimer'><i>Окно закроется через 30 секунд</i></div></td> </tr> </table></div></div> <br /> <!-- ENDIF -->

Напоминает о новом ЛС.
Так вот, а можно сделать вроде этого для гостей,который будет напоминать Вход или Регистрация ?
http://sharatv.4adm.ru/index.php

Аватара пользователя
silver073000

Всплывающее окно Вход/Регистрация

silver073000 15 окт 2016, 00:45 Сообщение

Это то маленькое окошко, которое выскакивает при обновлении страниц и переходе между ними? Если честно, не терплю такие "надоедалки" и на таких сайтах даже не регистрируюсь. Эти окошки-надоедалки просто раздражают многих и ресурс будет терять посетителей. Это моё мнение. Лично я бы это не ставил, а сделал бы уведомление об ЛС каким-то другим способом, например, таким: Уведомление о новом ЛС в модальном окне, в виде конверта.
И надоедалка о регистрации/авторизации лишняя, как по мне. Кому надо, тот зарегистрируется.

Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 15 окт 2016, 15:31 Сообщение

Может по можете со скриптом?
http://sharatv.4adm.ru/index.php

Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 16 окт 2016, 14:21 Сообщение

Как сделать, чтобы это отображались только у гостей?

Код: Выделить всё

<center><b>Добро пожаловать на TurkmenSat.Ru! Для того что бы скачивать файлы и отвечать в темах необходимо пройти легкую регистрацию!</b></center> <center><a href='http://turkmensat.ru/ucp.php?mode=login'><img src='http://sharatv.4adm.ru/storage/sharatv_4adm_ru/images/vhod.jpg' title='Login'></a><a href='http://turkmensat.ru/ucp.php?mode=register'><img src='http://sharatv.4adm.ru/storage/sharatv_4adm_ru/images/registra.jpg' title='Register'></a></center>
http://sharatv.4adm.ru/index.php

Аватара пользователя
CabinetAdmin

Всплывающее окно Вход/Регистрация

CabinetAdmin 16 окт 2016, 17:31 Сообщение

Код: Выделить всё

<!-- IF not S_USER_LOGGED_IN --> ... Это покажется только гостям ... <!-- ENDIF -->
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 16 окт 2016, 17:35 Сообщение

А как сделать всплывающих, чтобы стоял в каком-то углу форума?
http://sharatv.4adm.ru/index.php

Аватара пользователя
CabinetAdmin

Всплывающее окно Вход/Регистрация

CabinetAdmin 16 окт 2016, 17:39 Сообщение

Вот так:

Код: Выделить всё

<div class="fixed-block"> ... </div>

стили к элементу:

Код: Выделить всё

.fixed-block { position: fixed; right: 5px; bottom: 5px; }
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 16 окт 2016, 17:43 Сообщение

CabinetAdmin писал(а):Источник цитаты .fixed-block {
position: fixed;
right: 5px;
bottom: 5px;
}

что это и куда ставить (извиняюсь за тупость)
http://sharatv.4adm.ru/index.php

Аватара пользователя
CabinetAdmin

Всплывающее окно Вход/Регистрация

CabinetAdmin 17 окт 2016, 17:25 Сообщение

Это код, который позволит отобразить нужный вам блок в углу экрана. В данном случае в нижнем правом. В первый код добавляете ваш код, второй добавляете в стили.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Stalker TM

Всплывающее окно Вход/Регистрация

Stalker TM 23 окт 2016, 03:44 Сообщение

А как сделать, чтоб только для гостей отображались?
http://sharatv.4adm.ru/index.php

Аватара пользователя
CabinetAdmin

Всплывающее окно Вход/Регистрация

CabinetAdmin 23 окт 2016, 08:52 Сообщение

Пятью сообщениями выше.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «JavaScript / jQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 2 гостя