Creadome:
Сделал простенькую форму входа, появляющуюся над ссылкой "Вход на сайт". Может, кому пригодится.
В общем сразу пример https://ulanovka.en.cx/?clear=qwe
Стили для формы
Скрипт
<script type="text/javascript">
$(document).ready(function() {
if( $('#lnkUserName').length ) {
} else {
var fast_form = $('#fastLogin');
var fast_form_src = $('a[id$=lnkLogin]').attr('href');
$('#fastLogin form').attr('action', fast_form_src);
$('a[id$=lnkLogin]').before(fast_form);
$('a[id$=lnkLogin]').click(function(){ $('#fastLogin').toggle(); return false; });
$('#fastLoginClose').click(function(){ $('#fastLogin').hide(); });
}
});
</script>
Форма
Достаточно просто скопировать все это в верхнюю часть оформления.
В action формы автоматически вставляется "бэк" на текущую страницу домена.
Проверяется, авторизоваля ли пользователь ("if( $('#lnkUserName').length ) {").
10 June at 15:40
В общем сразу пример https://ulanovka.en.cx/?clear=qwe
Стили для формы
<style type="text/css">
.ulanovka_fast_login {text-align: left; padding: 10px 0 5px 10px; margin: 0 0 15px 0; border-bottom: 1px solid #00FF00;}
.ulanovka_fast_login ul {padding: 0; margin: 0; list-style: none;}
.ulanovka_fast_login ul li {padding: 0 0 15px 0; margin: 0;}
.ulanovka_fast_login_title {padding: 0 0 5px 0;}
.ulanovka_fast_login_input {border: 1px solid #1f8700; background: #072100; float: left;}
.ulanovka_fast_login_input input {color: #fff; background: #072100; width: 140px; border: 0;}
.ulanovka_fast_login_submit {float: left; margin: 0 15px 0 0;}
.ulanovka_fast_login_close span {color: #ff0; border-bottom: 1px dashed #ff0; cursor: pointer;}
</style>
.ulanovka_fast_login {text-align: left; padding: 10px 0 5px 10px; margin: 0 0 15px 0; border-bottom: 1px solid #00FF00;}
.ulanovka_fast_login ul {padding: 0; margin: 0; list-style: none;}
.ulanovka_fast_login ul li {padding: 0 0 15px 0; margin: 0;}
.ulanovka_fast_login_title {padding: 0 0 5px 0;}
.ulanovka_fast_login_input {border: 1px solid #1f8700; background: #072100; float: left;}
.ulanovka_fast_login_input input {color: #fff; background: #072100; width: 140px; border: 0;}
.ulanovka_fast_login_submit {float: left; margin: 0 15px 0 0;}
.ulanovka_fast_login_close span {color: #ff0; border-bottom: 1px dashed #ff0; cursor: pointer;}
</style>
Скрипт
<script type="text/javascript">
$(document).ready(function() {
if( $('#lnkUserName').length ) {
} else {
var fast_form = $('#fastLogin');
var fast_form_src = $('a[id$=lnkLogin]').attr('href');
$('#fastLogin form').attr('action', fast_form_src);
$('a[id$=lnkLogin]').before(fast_form);
$('a[id$=lnkLogin]').click(function(){ $('#fastLogin').toggle(); return false; });
$('#fastLoginClose').click(function(){ $('#fastLogin').hide(); });
}
});
</script>
Форма
<div id="fastLogin" class="ulanovka_fast_login" style="display: none;">
<form method="post" action="">
<input type="hidden" name="DontAskForPassword" checked="checked">
<ul>
<li>
<div class="ulanovka_fast_login_title">Логин или id:</div>
<div class="ulanovka_fast_login_input"><input type="text" name="Login" maxlength="255" /></div>
<div class="clear"></div>
</li>
<li>
<div class="ulanovka_fast_login_title">Пароль:</div>
<div class="ulanovka_fast_login_input"><input type="password" name="Password" maxlength="255" /></div>
<div class="clear"></div>
</li>
<li>
<div class="ulanovka_fast_login_submit"><input type="image" src="<a href='https://cdn.endata.cx/data/buttons/login_ru.gif'><a href='https://cdn.endata.cx/data/buttons/login_ru.gif'>https://cdn.endata.cx/data/buttons/login_ru.gif</a></a>" /></div>
<div class="ulanovka_fast_login_close"><span id="fastLoginClose">Закрыть</span></div>
<div class="clear"></div>
</li>
</ul>
</form>
</div>
<form method="post" action="">
<input type="hidden" name="DontAskForPassword" checked="checked">
<ul>
<li>
<div class="ulanovka_fast_login_title">Логин или id:</div>
<div class="ulanovka_fast_login_input"><input type="text" name="Login" maxlength="255" /></div>
<div class="clear"></div>
</li>
<li>
<div class="ulanovka_fast_login_title">Пароль:</div>
<div class="ulanovka_fast_login_input"><input type="password" name="Password" maxlength="255" /></div>
<div class="clear"></div>
</li>
<li>
<div class="ulanovka_fast_login_submit"><input type="image" src="<a href='https://cdn.endata.cx/data/buttons/login_ru.gif'><a href='https://cdn.endata.cx/data/buttons/login_ru.gif'>https://cdn.endata.cx/data/buttons/login_ru.gif</a></a>" /></div>
<div class="ulanovka_fast_login_close"><span id="fastLoginClose">Закрыть</span></div>
<div class="clear"></div>
</li>
</ul>
</form>
</div>
Достаточно просто скопировать все это в верхнюю часть оформления.
В action формы автоматически вставляется "бэк" на текущую страницу домена.
Проверяется, авторизоваля ли пользователь ("if( $('#lnkUserName').length ) {").
10 June at 15:40
Бильбо:
еще бы кнопочку запомнить..
10 June at 16:14
10 June at 16:14
Грициан:
При этом блокируется страница входа. Войти можно только через эту форму.
10 June at 17:03
10 June at 17:03
Creadome:
<input type="hidden" name="DontAskForPassword" checked="checked">
В общем то идея и была сделать замену стандартной форме, избежать ненужного перехода.
К сожаления, в случае ошибки авторизации, все-таки перекинет на /Login.aspx
10 June at 17:16
Бильбо: еще бы кнопочку запомнить..
Запоминается по умолчанию:<input type="hidden" name="DontAskForPassword" checked="checked">
Грициан: При этом блокируется страница входа. Войти можно только через эту форму.
Средней кнопкой мыши в новом окне открыть можно, а так да, заменяет.В общем то идея и была сделать замену стандартной форме, избежать ненужного перехода.
К сожаления, в случае ошибки авторизации, все-таки перекинет на /Login.aspx
10 June at 17:16
Konstantin:
10 June at 20:37
Creadome: В общем то идея и была сделать замену стандартной форме, избежать ненужного перехода.
Переход на новую страницу был сделан, что бы владельцы сайтов не могли перехватывать пароли участников, которые будут авторизовываться через форму быстрого входа.10 June at 20:37
blay:
А у меня firefox перестал запоминать логин с новой формой входа, подставляет "логин или id" вместо логина :(
10 June at 22:22
10 June at 22:22
Creadome:
11 June at 06:02
Konstantin:
Ну, моя форма в этом плане безопасна. Фактически, просто отправляет данные на стандартную форму без заметного перехода.Creadome: В общем то идея и была сделать замену стандартной форме, избежать ненужного перехода.
Переход на новую страницу был сделан, что бы владельцы сайтов не могли перехватывать пароли участников, которые будут авторизовываться через форму быстрого входа.11 June at 06:02