Ir para conteúdo

Arquivado

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

Aender

Carregar duas páginas ao mesmo tempo com método Load() Jquery

Recommended Posts

Pessoal tudo bem ? Esstou com uma dúvida aqui, estou começando em Jquery e não tenho muita experiência.Bom, minha dúvida é como carregar duas páginas distintas em divs distintas com o método Load(). Ao clicar em um link duas Divs distintas são carregadas com conteúdos diferentes.Carregar um aDiv eu consegui mas duas divs não sei como proceder. O código segue abaixo:

<!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">
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
       margin-top: 0px;
}
#wraper{width:812px; min-height:600px; margin:0 auto;}
#esquerda{float:left; min-height:500px; width:200px; background:#CCC;}
#principal{float:right; width:600px; min-height:500px; background:#FF9;}
#topo{ width:812px; margin: 0 auto; height:60px; background-color:#FFC;}

-->

</style>
</head>

<body>
<div id="topo" >Conteúdo 2</div>
<div id="wraper">
<div id="esquerda">
 <ul>
   <li> <a href="pg1.html" onclick="$('#principal').load(this.href); return false;">Link 1 </a></li>
   <li><a href="pg2.html" onclick="$('#principal').load(this.href); return false;">Link 2</a></li>
   <li><a href="#">Link 3</a></li>
   <li><a href="#">Link 4</a></li>
 </ul>
</div>

<div id="principal">Conteúdo 1</div>
</div>
</body>
</html>

 

No código quando cliko no link 1 ele carrega a página pg1.html na div principal. O que eu queria era que além de carregar pg1 na div principal, carregar outro conteúdo na div topo .Desde já obrigado pessoal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na mesma requisição não tem como fazer. O que você pode fazer é duas requisições separadas.

 

<script type="text/javascript">
$(document).ready(function(){
   	$('#esquerda a').click(function(){
       	$('#principal').load($(this).attr('href'));
       	$('#header').load('a outra página vai aqui...'); //você precisa arrumar um jeito de relacionar o que vai aqui e o que vai no conteúdo principal
   	});
});
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na mesma requisição não tem como fazer. O que você pode fazer é duas requisições separadas.

 

<script type="text/javascript">
$(document).ready(function(){
   	$('#esquerda a').click(function(){
       	$('#principal').load($(this).attr('href'));
       	$('#header').load('a outra página vai aqui...'); //você precisa arrumar um jeito de relacionar o que vai aqui e o que vai no conteúdo principal
   	});
});
</script>

 

 

Henrique valeu pela ajuda , me ajudou bastante , vou implementar aqui.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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