Ir para conteúdo

POWERED BY:

Arquivado

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

vitor.islive

como carregar duas divs com um clique no menu

Por , em Javascript

Recommended Posts

vitor.islive    0

vitor.islive
Postado

Estou com problema que, ao clicar no menu superior do meu site só carrega a div da esquerda, preciso carregar tanto a da esquerda quanto a div principal.

Quando clicar em computadores deve abrir lista1.html em uma div e pag2.html em outra div, porem só abre lista1.html

por favor me ajudem!

<body >
  <div id="Div1"> 
     <div id="Div2">
        <ul class="menu2">
           <li><a href="#" onClick="abrirPag('pag1.html');"><b>Inicio</b></a></li>
    <li><a href="#" onClick="abrirPag2('lista1.html'), abrirPag('pag2.html');"><b>Computadores</b</a</li>
           <li><a href="#" onClick="abrirPag2('lista2.html');"><b>Notebooks</b></a></li>
        </ul>
     </div>
  </div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

vitor.islive    0

vitor.islive
Postado

Tem como postar o codigo de sua func abrirPag ?

O codigo abrirPag e abrirPag2:

function GetXMLHttp() {  
 if(navigator.appName == "Microsoft Internet Explorer") {  
	 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
	 } else {  
	 xmlHttp = new XMLHttpRequest();  
	 }      
	 return xmlHttp;  
	 }  

 var xmlRequest = GetXMLHttp();  

function abrirPag(valor){  
 var url = valor;  
 xmlRequest.open("GET", url, true);  
 xmlRequest.onreadystatechange = mudancaEstado;  
 xmlRequest.send(null);  
 if (xmlRequest.readyState == 1) {  
	 document.getElementById("conteudo").innerHTML = "Carregando";  
}  
	 return url;  
}  
function mudancaEstado(){  
 if (xmlRequest.readyState == 4){  
 document.getElementById("conteudo").innerHTML = xmlRequest.responseText;  
 }  
}  

//---------------------------------------------------------------------------------------

function GetXMLHttp2() {  
 if(navigator.appName == "Microsoft Internet Explorer") {  
	 xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  
	 } else {  
	 xmlHttp = new XMLHttpRequest();  
	 }      
	 return xmlHttp;  
	 }  

 var xmlRequest = GetXMLHttp2();  

function abrirPag2(valor){  
 var url = valor;  
 xmlRequest.open("GET", url, true);  
 xmlRequest.onreadystatechange = mudancaEstado2;  
 xmlRequest.send(null);  
 if (xmlRequest.readyState == 1) {  
	 document.getElementById("conteudo2").innerHTML = "Carregando";  
}  
	 return url;  
}  
function mudancaEstado2(){  
 if (xmlRequest.readyState == 4){  
 document.getElementById("conteudo2").innerHTML = xmlRequest.responseText;  
 }  
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cristian Madrid    1

Cristian Madrid
Postado

Tenta desta maneira:

Script

 window.addEventListener('load',function(){
   addEvents();

},false)
function addEvents(){
   document.getElementById('inicio').onclick=function(){
       abrirPag('pag1.html');
   }

   document.getElementById('inicio2').onclick=function(){
       abrirPag2('lista1.html');
       abrirPag('pag2.html');
   }

   document.getElementById('inicio3').onclick=function(){
       abrirPag2('lista2.html');
   }
}

Html

<div id="Div1"> 
     <div id="Div2">
        <ul class="menu2">
           <li><a href="#" id='inicio'><b>Inicio</b></a></li>
           <li><a href="#" id='inicio2'><b>Computadores</b</a</li>
           <li><a href="#" id='inicio3'><b>Notebooks</b></a></li>
        </ul>
     </div>
  </div>

 

 

*Evite chamar funções diretamente no elemento, pois assim fica melhor para a manutenção

o/

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Cara, dá uma olhada aqui:

 

http://wbruno.com.br/2011/12/29/carregando-sem-refresh-varias-areas-diferentes-de-um-site-jquery-ajax/

 

 

Eu explico bem o que você tá tentando fazer, e mostro uma maneira bonita de conseguir.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vitor.islive    0

vitor.islive
Postado

Cara vlw pela ajuda, mas não estou conseguindo carregar nas divs, está chamando outra pagina. Copiei igual ao seu exemplo fiz as 3 pag html como teste porem não funcionou nas divs, como eu disse carregou em outra pagina.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então o js quebrou.

 

aperte Ctrl+Shift+J no Firefox e veja o motivo.

Leia:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

Compartilhar este post

Link para o post
Compartilhar em outros sites

vitor.islive    0

vitor.islive
Postado

então o js quebrou.

 

aperte Ctrl+Shift+J no Firefox e veja o motivo.

Leia:

http://wbruno.com.br/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

 

O console de erros informa que: "A exposição de objetos JS de chrome no conteúdo sem_exposedProps_ é insegura e não deve ser usada".

William Bruno no seu codigo a sua demostração funciona, porem quando eu copio, ela carrega na outra pag, como se o codigo js não está nem ali, ele faz o link normalmente para outra pag mas para div não.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

então você está fazendo algo errado meu amigo.

 

o código está correto. Preste atenção, em algum ponto você está errando.

Compartilhar este post

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

Informação importante

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

  Aceito