Bom dia, estou iniciando na parte de desenvolvimento web em java e este é o meu primeiro post aqui no fórum. Então eu já pesquisei aqui no fórum porem não consegui achar nenhuma solução para o meu problema.
Tenho uma pagina inicial com 3 layout, um centro, um left e um no topo.
O que eu preciso é que quando alguém clicar em qualquer ícone do menu, abra no centro o conteúdo.
No da esquerda eu tenho um menu:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets" >
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Insert title here</title>
</h:head>
<body>
<h:form>
<p:menu style="width: 200px">
<p:submenu label="Menu">
<p:menuitem value= "Cadastro de Clientes" icon="ui-icon-contact" url="Cadastro.xhtml"/>
<p:menuitem value= "Agende o atendimento" />
<p:menuitem value= "Consulta agenda" />
</p:submenu>
</p:menu>
</h:form>
</body>
</html>
Minha pagina principal:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets"
>
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title><ui:insert name="title">SISP - Sistema Integrado de Saúde Pública</ui:insert></title>
<style type="text/css">
body {background-color: #eeeeee; font-size: 12px}
</style>
</h:head>
<h:body>
<div align="center">
<p:layout style="min-width:1020px;max-width:1020px;min-height:600px">
<p:layoutUnit position="north" size="100">
</p:layoutUnit>
<p:layoutUnit position="west" size="220">
<ui:insert name="menu">
<ui:include src="/menu.xhtml" />
</ui:insert>
</p:layoutUnit>
<p:layoutUnit position="center">
<div align="center" style="border: blue">
<ui:insert name="content"></ui:insert>
</div>
</p:layoutUnit>
</p:layout>
</div>
</h:body>
</html>
A pagina que eu quero chamar para o centro sem abrir uma nova janela:
<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template = "inicio.xhtml"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets" >
<ui:define name="title"> Cadastro de Clientes </ui:define>
<ui:define name="content">
<h1> OI </h1>
</ui:define>
</ui:composition>