Gostaria que o meio da página fosse alterado quando o usuário clicasse em "login" ou em "registro". Alguém consegue me explicar como posso fazer isto?
Se conhecerem tutorias que ensinem como fazer o login e se puderem deixar os links dos mesmos eu agradeceria.
Código da página:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://java.sun.com/jsf/core">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Meu Sistema</title>
</h:head>
<h:body>
<div align="center">
<p:layout style="min-width:1020px;max-width:1020px;min-height:600px">
<p:layoutUnit position="center">
<ui:insert name="centro">
O que estiver aqui será substituido!
</ui:insert>
</p:layoutUnit>
</p:layout>
</div>
<p:stack icon="imagens/stacks.png" expanded="true">
<p:menuitem value="Login" icon="imagens/lock.png" url="#"/>
<p:menuitem value="Registar" icon="imagens/register.png" url="#"/>
</p:stack>
</h:body>
</html>