Как разделить интерфейс входа в систему с заголовком и без него

Question

Я хочу знать, как получить другой интерфейс входа для моего веб-сайта. without изменить на имя URL.Пример

<ul>
  <li><a href="http://domain.com/login/">Login</a></li>
</ul>

Если пользователь нажмет на Login, я хочу, чтобы он отображался во всплывающем окне Ajax.Просто покажите форму логина и пароля.Я использую ColorBox.Пример Внешний HTML (Ajax)

Если пользовательский тип http://domain.com/login/ на этой странице будет содержать верхний и нижний колонтитулы и т. Д.

Дайте мне знать, что добавить в мой login.php чтобы он был другим.

Answer 1

Вам не нужно вносить какие-либо изменения в ваш http://domain.com/login (потенциально). Вам просто нужно прикрепить плагин colorBox к ссылке. Он обрабатывает всплывающее окно и вызов e.preventDefault(), чтобы люди не получали всплывающее окно и на странице. Обычно лучше дать ссылкам идентификатор или класс (как у меня ниже).

<ul>
  <li><a class="loginlink" href="http://domain.com/login/">Login</a></li>
</ul>

$('a#loginlink').colorbox({href:"/yourLogin.html"});

Поскольку вы используете пример внешнего HTML, вы можете сделать это выше (заменив имя файла на ваш фактический HTML).

Однако, поскольку это не очень большой кусок кода для отображения формы входа, вы можете включить ее на своей странице (но скрыть) и передать ее плагину ColorBox, используя пример Inline Html:

$('.loginlink').colorbox({
    inline: true,
    width: "50%",
    href: "#loginBox"
});

Пример работы встроенного HTML: http://jsfiddle.net/jonathon/MHhNX/

Answer 2

Попробуйте использовать параметры URL: http://domain.com/login/?ajax=1 для ajax и http://domain.com/login/ для полной страницы.

HTML:

<a href="http://domain.com/login/" onclick="ajaxLogin();return false;">Login</a>
<script type="text/javascript">
   function ajaxLogin () {
      $.ajax({url: 'http://domain.com/login/?ajax=1', ... });
   }
</script>

PHP:

if (isset($_GET['ajax']) && $_GET['ajax'] == 1) {
   // ajax form
} else {
   // full page
}

Answer 3

Ничего не нужно менять в login.php. Однако вам нужно добавить обработчик onclick к вашей ссылке.

Взгляните на jquery, чтобы помочь вам с этим: http://api.jquery.com/click/

Answer 4

размытие,

Вы должны немного изменить свой HTML, если вы используете jquery

дать имя класса для этого

<a href="http://domain.com/login/" class="loginpopup">Login</a

$('.loginpopup').click(function() {
   // construct your html here and show as popup , or you can use existing dialog boxes
    return false;
});