Авторизация на сайте во всплывающем окне

+39
5.07K
Как то не давало мне покоя, то что авторизация на сайте в пользовательском модуле происходит через отдельную страницу. Моё решение, авторизация на сайте через всплывающее окно.
Иллюстрация

И так начнём:
Открываем шаблон в хейдер прописываем:
<link href="/templates/_default_/css/colorbox.css" rel="stylesheet" type="text/css" />
<script src="/templates/_default_/ваша папка/jquery.colorbox-min.js" type="text/javascript"></script>
Только не прописывайте между условием <?php if($inUser->is_admin){ ?>....<?php } ?>, а то будет работать если Вы авторизировались как админ(проверка на причастность к администрации) прописывайте после <?php } ?> чтобы работало в не зависимости от авторизации.
далее прописываем:
<script>
$(document).ready(function(){
$(".example1").colorbox({width:"350px", inline:true, href:"#inline_example1"});
});
</script>
с хейдером покончено.
Далее в шаблоне находим следующие строки:
  1. <div class="grid_9">
  2. <?php if (!$inUser->id){ ?>
  3. <div class="mod_user_menu">
  4. <span class="register"><a href="/registration">Регистрация</a></span>
  5. <span class="login"><a href="/login">Вход</a></span>
  6. </div>
  7. <?php } else { ?>
  8. <?php cmsModule('header'); ?>
  9. <?php } ?>
  10. </div>
и меняем на:
  1.  
  2. <div class="grid_9">
  3. <?php if (!$inUser->id){ ?>
  4. <div class="mod_user_menu">
  5. <span class="register"><a class='example7' href="/registration">Регистрация</a></span>
  6. <span class="login"><a class='example1' href="/login">Вход</a></span>
  7. </div>
  8. <div style='display:none'>
  9. <div id='inline_example1' style='padding:10px; background:#fff;'>
  10.  
  11. <form action="/login" method="post" name="authform" style="margin:0px" target="_self" id="authform">
  12. <p><label for="username"><span class="username">Логин</span></label>
  13. <input name="login" type="text" class="login" /></p><br />
  14. <p><label for="password"><span class="password">Пароль</span></label><br />
  15. <input name="pass" type="password" class="pass"></p>
  16. <p class="remember">
  17. <input id="signin_submit" value="Вход" tabindex="6" type="submit">
  18. <input id="remember" name="remember" value="1" type="checkbox">
  19. <label for="remember">Запомнить</label></p>
  20. <p class="forgot"><a href="/passremind.html">Забыли пароль?</a></p>
  21. <p class="forgot-username">
  22. <a id=forgot_username_link title="Регистрируйся у нас!!!" href="/registration">Регистрация</a></p>
  23. </form>
  24.  
  25. </div>
  26. </div>
  27. <?php } else { ?>
  28. <?php cmsModule('header'); ?>
  29. <?php } ?>
  30. </div>
  31.  
Всё с шаблоном покончено.
Далее папку colorbox закидываем в папку images шаблона
в css файла шаблона прописываем
#inline_example1 .login {width: 260px;}
#inline_example1 .pass {width: 260px;}
.remember {padding:10px;}
далее оформить по своему усмотрению.....
Скачать
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
+5
Михаил М. Михаил М. 11 лет назад #
Сейчас регистрацией и занимаюсь!!!
LonelyCat LonelyCat 11 лет назад #
Комментарий удален
0
googlebot googlebot 11 лет назад #
+ с логинзой будет работать?
+2
Михаил М. Михаил М. 11 лет назад #
Можно и логинзу прикруть....
0
Madmax Madmax 11 лет назад #
Михаил:
Как то не давало мне покоя, то что авторизация на сайте в пользовательском модуле происходит через отдельную страницу. Моё решение, авторизация на сайте через всплывающее окно.
Если скачать ранние версии InstantCMS, то можно увидеть, что ранее использовалась в шаблоне _default_ подобная конструкция - по умолчанию ...
+1
Михаил М. Михаил М. 11 лет назад #
Свою жизнедеятельность на инстанте я начал с 1.8, а о том что было у ранних версиях я не в курсе....
0
lezginka.ru lezginka.ru 11 лет назад #
удобная вещь
+
-1
AlexG AlexG 11 лет назад #
Куда перебрасывает после авторизации?
0
Слава Слава 11 лет назад #
Куда и положено.
0
reload reload 11 лет назад #
Как можно избавится от наложения флеш?
0
Pampa Pampa 11 лет назад #
Можно попробовать в атрибуты флеша внести атрибут
wmode="opaque"
0
reload reload 11 лет назад #
Это знаю но к сожалению это очень не удобно - видео ведь импортируется)
0
Михаил М. Михаил М. 11 лет назад #
в colorbox.css найти #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} z-index:9999; прописать в сторону уменьшения а не 9999 и глянуть css флеша получается что у него меньшее число, вот он и перекрывает
0
reload reload 11 лет назад #
игры с z-index результата не дают(
То что описал Pampa работает, но это не выход - по стоянно править код добавленного видео - это не выход, да и допустим банерная реклама не дает возможности править код, так как все загружается с сервера рекламодателя(
0
reload reload 11 лет назад #
Как можно избавится от наложения флеш?
Появилась идея как можно уйти от этого , только как реализовать не знаю, пока не разбирался.
В общем можно выводить окно как при смене статуса - оно всегда и везде сверху!!!

Может кто подскажет как выводить в таком окне?
0
SE7EN SE7EN 10 лет назад #
А как в таком же окне сделать регистрацию?
0
Николай Николай 10 лет назад #
Респект те )
0
spacer spacer 10 лет назад #
Доброго дня.
Отличный плагин уже полтора года лежит в закромах.
Тут вот в какой-то ветке аналогичный за ново писали )

Подскажите, добавилась ли в авторизацию лтгинза и остается ли человек на той же странице ,откуда вызвал форму входа?
на 1.9 встанет нормально?

Спасибо.
0
kirkr kirkr 10 лет назад #
ДЛя желающих ползучить логинзу в всплывающем окне, после тега </form> вставить надо
Код PHP:
 <?php cmsCore::callEvent('LOGINZA_BUTTON', array());php?>
и все :)
0
Дайвер74 Дайвер74 9 лет назад #
+ за работу и спасибо за colorbox, пригодился!

Еще от автора

Система оценок пользователей в общих и личных фотоальбомах.
Плагин позволяет зарегистрированным пользователям оценивать фото в общих и личных фотоальбомах, по пятибалльной шкале (т.е. от 1 до 5).
Вывод голосовавших за фото, в постах блога и статьях сайта (3в1)
Всем привет! Поступило предложение объединить три ранее созданных плагина выводивших голосовавших в один, сделав одной кнопкой.
Вывод голосовавших (+/-) за фото.
Плагин выводит голосовавших за фото в общих альбомах.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.