Vk Share
Скрытые разделы форума видят только Авторизированные пользователи принятые в клан!

  • Страница 1 из 1
  • 1
Форма входа - Вид подтверждения данных

fomir
Оффлайн
Сообщение # 1
Среда, 29.10.2014, 13:30
Мастер Клинка и Лука
Имя:
Андрей
Сообщений:
682
Подарки:
128

Скрипт заменяющий эффект подтверждения введенных данных в форме входа, на затемнение сайта с отображением настроенного сообщения.
После успешного входа возвращает на предыдущую страницу, обновляя её.





На странице входа, после /head ставим:

Код
<script>
$(document).ready(function() {    
$('form[id^="frmLg"]').attr('onsubmit', 'apologin();return false;');    
};);
function apologin() {    
$.post('/index/sub', $('form[id^="frmLg"]').serialize(), function(s) {    
if($(s).text().indexOf('пароль') == -1) {    
$('.Login_True').show(); // Показываем картинку с классом class1
setTimeout("document.location.href = document.referrer", 3000); // Редирект через 3 сек. на главную страницу
} else {    
$('.Login_False').show(); // Показываем картинку с классом class2
setTimeout("$('.Login_False').fadeOut(300);", 3000); // Скрываем картинку с классом class2 через 3 сек
}    
};);    
}
</script>

<div class="Login_True" align="center"><img src="ссылка на иконку успешного входа" /><br>Текст успешного входа</div>
<div class="Login_False" align="center"><img src="ссылка на иконку ошибки" /><br>Текст ошибки</div>


В ваш CSS документ добавляем:

Код
.Login_True, .Login_False {
display:none;
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
padding-top: 200px;
background: rgba(0,0,0,0.7);
background-size: cover;
}


Прикрепленный Файл: 8278073.jpg (29.5 Kb) · 6152484.jpg (29.1 Kb)

СообщениеСкрипт заменяющий эффект подтверждения введенных данных в форме входа, на затемнение сайта с отображением настроенного сообщения.
После успешного входа возвращает на предыдущую страницу, обновляя её.





На странице входа, после /head ставим:

Код
<script>
$(document).ready(function() {    
$('form[id^="frmLg"]').attr('onsubmit', 'apologin();return false;');    
};);
function apologin() {    
$.post('/index/sub', $('form[id^="frmLg"]').serialize(), function(s) {    
if($(s).text().indexOf('пароль') == -1) {    
$('.Login_True').show(); // Показываем картинку с классом class1
setTimeout("document.location.href = document.referrer", 3000); // Редирект через 3 сек. на главную страницу
} else {    
$('.Login_False').show(); // Показываем картинку с классом class2
setTimeout("$('.Login_False').fadeOut(300);", 3000); // Скрываем картинку с классом class2 через 3 сек
}    
};);    
}
</script>

<div class="Login_True" align="center"><img src="ссылка на иконку успешного входа" /><br>Текст успешного входа</div>
<div class="Login_False" align="center"><img src="ссылка на иконку ошибки" /><br>Текст ошибки</div>


В ваш CSS документ добавляем:

Код
.Login_True, .Login_False {
display:none;
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
padding-top: 200px;
background: rgba(0,0,0,0.7);
background-size: cover;
}

Автор - fomir
Дата добавления - 29.10.2014 в 13:30
  • Страница 1 из 1
  • 1
Поиск:
Вся информация, размещенная на данном интернет ресурсе, предоставлена исключительно в ознакомительных целях.
Копирование материала без согласия Администрации ресурса TOR-Gaming.ru - запрещено.
General Design by fomir ( Andrew oO Fox )
Achivment Design by Azazeldiz (c.) 2012-2026
Используются технологии uCoz и ApoTeam
вверхвернуть позициювниз