Comment séparer l'interface de connexion avec le pied de page d'en-tête et sans elle

Question

Je veux savoir comment obtenir différentes interface de connexion pour mon changement web without au nom URL. Exemple

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

Si l'utilisateur clique sur le Login Je veux faire afficher sur Ajax pop-up. Il suffit de montrer le mot de passe & de connexion. J'utilise ColorBox. Exemple Outside HTML (Ajax)

Si le type d'utilisateur http://domain.com/login/ cette page comprendra en-tête, pied de page et etc.

Laissez-moi savoir quoi mettre dans mon login.php pour le rendre à être différent.

Answer 1

Vous n'avez pas besoin de mettre des changements à votre http://domain.com/login (potentiellement). Vous avez juste à attacher le plugin colorBox au lien. Il gère le pop-up et l'appel e.preventDefault() afin que les gens ne reçoivent pas la popup et la page. Il est généralement préférable de donner aux liens un identifiant ou une classe (comme je l'ai ci-dessous). Puisque vous utilisez l'exemple Outside HTML, vous pouvez faire ce qui précède (en remplaçant le nom de fichier par votre code HTML actuel).

Cependant, étant donné que ce n'est pas un morceau incroyablement énorme de code pour afficher un formulaire de connexion, vous pouvez l'inclure dans votre page (mais caché) et de transmettre cela au plug-in ColorBox en utilisant l'exemple Inline Html:

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

un exemple du travail HTML en ligne: http://jsfiddle.net/jonathon/MHhNX/

Answer 2

flou,

Vous devez changer votre code html un peu en supposant que vous utilisez jquery

donner un nom de classe pour cette

<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; 
}); 

Answer 3

Rien ne doit changer dans login.php . Cependant, vous devez ajouter un gestionnaire onclick à votre lien.

Jetez un oeil à jquery pour vous aider avec ceci: http://api.jquery.com/click/

Answer 4

Essayez d'utiliser des paramètres d'URL: http://domain.com/login/?ajax=1 pour ajax, et http://domain.com/login/ à pleine page.

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 
}