Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Freisleben

Mudar somente o conteudo central da pagina

Por , em Desenvolvimento frontend

Recommended Posts

Freisleben    0

Freisleben
Postado

Sou iniciante e queria uma sugestão.

 

Estou iniciando um sistema de cadastro onde terei um menu no header da pagina e gostaria que quando o usuario clicar em alguma opção do menu somente o centro da pagina mudasse.

 

Como fazer isso? Como php? Estou iniciando meus estudo sobre CSS e com CSS da para fazer isso?

Qual a melhor maneira de fazer isso?

 

Obrigado!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bruno.Amarelo    0

Bruno.Amarelo
Postado

Olá Freisleben,

Com Css não é possível fazer isso que você quer.

A melhor maneira mesmo é utilizar uma linguagem de programação como Asp, PHP, .Net e etc...

 

Caso você escolha o PHP, o que você deve utilizar são os INCLUDES, você pode fazer da seguinte maneira:

 

Crie uma página com include do topo, menus e rodape,

e no centro você coloca o conteudo da página inicial.

para fazer as outras páginas você faz exatamente igual apenas alterando o conteudo do centro,

 

Ou seja, todas as sua página terão as tags de include, que incluirão os menus, topo e rodape.

 

a tag é assim: <? include "menu.php" ?>

 

Espero ter ajudado, qualquer dúvida mandai

Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Nícolas    4

Nícolas
Postado

Para falar a verdade o que você quer de carregar o conteúdo sem dar refresh em toda a página é feito com Ajax, MAS não é recomendado usar ajax pra esse tipo de coisas.

 

Hoje em dia você vê muita gente falando mal do Ajax por causa do mau uso dele que deu muita dor de cabeça na internet, mas ele é sim multi útil.

 

Mas para fazer requisição de de formulários e outras coisas.

 

Includes em PHP facilita muito só não recarrega somente o conteúdo, mas é o que eu uso e não abro mão ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

Heloise    0

Heloise
Postado

Includes em PHP facilita muito só não recarrega somente o conteúdo, mas é o que eu uso e não abro mão ^^

Eu acredito que com include a navegação também fica mais rápida, não? Pq o servidor vai carregar o 'topo' e a 'sidebar' uma só vez.

A vantagem também é que você pode atualizar as páginas de menu e topo somente uma vez que todos os links vão ser atualizados.

Você pode também, Freisleben, precisar baixar ferramentas como o easyphp (acho que tem outros programas melhores que ele), para não ter que instalar o apache no seu computador e poder ver o resultado dos seus scripts.

 

a tag é assim: <? include "menu.php" ?>

eu li em algum lugar (não lembro se foi aqui mesmo no fórum) que é mais recomendado usar a tag completa:

<?php include("menu.php") ?>

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>exemplo</title>
	<link rel="stylesheet" media="all" href="css/layout.css" />
	<link rel="stylesheet" media="all" href="css/estilo.css" />
	<script type="text/javascript" src="js/script.js"></script>
</head>

<body>
	<?php
		ob_start();
		$p = isset($_GET["p"]) ? $_GET["p"] : "inicio";
	?>
	<div id="exemplo">
		<div id="exemplo-topo">
			<div id="navBar"><a href="?p=inicio">Início</a> | <a href="?p=altSenha">Alterar Senha</a> | <a href="?p=logout">Sair</a></div>
			<h1> TerNet exemplo</h1>
		</div>
		<div id="exemplo-navegacao"></div>
		<div id="exemplo-conteudo">
			<?php
				if(file_exists($p.".php")){
					require($p.".php");
				} else {
					require("inicio.php");
				}
			?>
		</div>
		<div id="exemplo-rodape">
			© Todos os Direitos Reservados - <a href="mailto:paulofernandesjr@gmail.com">Paulo Fernandes</a> - 2008
		</div>
	</div>
	
</body>
</html>

neste exemplo, caso o usuário digite algo na url e o arquivo não exista insere o arquivo inicio.php

 

 

se surgir duvida posta novamente

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

IvanzinhoX10    0

IvanzinhoX10
Postado

Use iframes. Eles são, tipo, páginas dentro de páginas.

 

Exemplo:

<iframe name="iframe1" id="iframe1" frameborder="0" width="100%" height="100%" url="home.php">

E para os links sempre abrirem no iframe você pode fazer assim:

 

<a href="produtos.php" target="iframe1">Produtos</a>

T+

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Utilizar iframe não é correto. Existem vários tópicos explicando o por que de não usar e como substituir por algo correto.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito