Ir para conteúdo

POWERED BY:

Arquivado

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

jrodrigomor

Como controlar o back/forward pelo browser?

Por , em Desenvolvimento frontend

Recommended Posts

jrodrigomor    0

jrodrigomor
Postado

Pessoal, fiz uma página com o layout todo em tableless, com div's, css's e tudo o mais. Como eu não sabia como fazer para abrir as páginas referentes aos links clicados (de uma div à outra), eu procurei e encontrei uma função javascript que faz isso através do objeto xmlhttprequest. Funcionou que é uma beleza. Só que depois de um tempo percebi que minha página fica limitada somente no index :wacko: . Quando navego, o botão de back/forward do navegador não habilita. O título da página é sempre o da página index. Ou seja, eu não possuo um histórico do acesso. Aquela função "java script:history.back()" ou "java script:history.go(-1)" não funciona, porque na verdade não foi acessado + de uma página. O conteúdo mudou, mas a página não.

 

Mas eu consegui encontrar uma solução. Testei em uma página e funcionou. Eu repito todo o layout em todas as outras páginas. Beleza.

 

Pergunto: Será que é assim que funciona mesmo?!? Não fica muito "sujo" ou "errado" repetir o layout em todas as páginas? Se não for assim, há uma outra saída?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Leonardo P    0

Leonardo P
Postado

você criaria em uma página, index.php por exemplo, todo o conteúdo não variável do site, menus, topo, rodapé, etc... e no corpo do site usaria o include da parte variável...

Compartilhar este post

Link para o post
Compartilhar em outros sites

jrodrigomor    0

jrodrigomor
Postado

Olá pessoal. Utilizei includes php no meu trabalho e ficou uma beleza. Por curiosidade eu fui dar uma olhada no código-fonte da página renderizada e apareceu o seguinte (exemplo):

 

<!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" xml:lang="pt-br" lang="pt-br">
	<head>
		<title>pagina 1</title>
	<style type="text/css">
		@import "layout.css";
	</style>
	</head>
	<body>
		<div id="general">
			<div id="header"></div><!-- fim da div header -->
			<div id="content">
				<!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" xml:lang="pt-br" lang="pt-br">
	<head>
			   <title>pagina 2</title>
		</head>
		...
		..
		.
Neste exemplo o include está dentro da div content. O include "incluiu" a página 2 dentro da div content que está na página 1. Só que todo o código da página incluída (tags html, head, DTD, body etc.) apareceu no código da página renderizada. Aí já ficou tudo bagunçado. Não sei se estou utilizando da maneira correta o comando.

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