Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho essa página que através de uma requisição ajax ele abre em minha div conteudoesquerdo quando clicado no menu,só que quando atualizo a pagina vai para a index,sendo assim não atualiza somente a minha div o que devo fazer?
<!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">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>Centro de Beleza e Estética Perfil</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="ajax.js"></script>
<script type="text/javascript" language="javascript" src="instrucao.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<script src="validar.js" type="text/javascript"></script>
</head>
<body><!--Inicio do site-->
<div id="geral">
<div id="topo"><img src="imagens/banner.jpg" width="780" height="159" alt="banner" /></div><!--menu-->
<div id="menu"><a href="index.php"><img src="imagens/menu/Home.jpg" width="95" height="40" border="0" alt="home" /></a><a href="#" onclick="abrirPag('historia.php');"><img src="imagens/menu/historia.jpg" width="81" height="40" border="0" alt="historia"/></a><a href="#" onclick="abrirPag('galeria.php');"><img src="imagens/menu/Fotos.jpg" width="67" height="40" border="0" alt="fotos" /></a><a href="#" onclick="abrirPag('servicos.php');"><img src="imagens/menu/servicos.jpg" width="99" height="40" border="0" alt="servicos"/></a><a href="#" onclick="abrirPag('dia_da_noiva.php');"><img src="imagens/menu/dianoiva.jpg" width="124" height="40" border="0" alt="dia da noiva" /></a><a href="#" onclick="abrirPag('contato.php');"><img src="imagens/menu/contato.jpg" width="78" height="40" border="0" alt="contato"/></a><a href="#" onclick="abrirPag('agendamento.php');"><img src="imagens/menu/agendamento.jpg" width="132" height="40" border="0" alt="agendamento" /></a><a href="#" onclick="abrirPag('equipe.php');"><img src="imagens/menu/equipe.jpg" width="102" height="40" border="0" alt="equipe"/></a></div>
<div id="conteudo_background">
<!--conteudo central--><div id="conteudoesquerdo">
<div id="nov"></div>Esse é o codigo ajax.js
function GetXMLHttp() {
if(navigator.appName == "Microsoft Internet Explorer") {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else {
xmlHttp = new XMLHttpRequest();
}
return xmlHttp;
}
var xmlRequest = GetXMLHttp();Esse e o codigo que tambem faz parte do ajax.
instrucao.js
function abrirPag(valor){
var url = valor;
xmlRequest.open("GET",url,true);
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("conteudoesquerdo").innerHTML = "<img src='loader.gif'>";
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudoesquerdo").innerHTML = xmlRequest.responseText;
}
}Carregando comentários...