Ir para conteúdo
Fórum Script Brasil
  • 0

conteudo carregar na DIV


Kiisachan

Pergunta

Oi pessoal , boa tarde

seguinte, estou fazendo site, que é divido em Divs, eu gostaria que os itens do menu, quando forem selecionados, carregassem na Div do meio, tipo frameset

andei pesquisando por ai,testei varios codigos prontos e nada, como sou iniciante em java, gostaria de que alguém olhasse o meu codigo e pelo amor de deus me desse uma luz,aonde eu estou errando

o arquivo js que eu estou usando (teste.js)

}
/* Ultimater's edited version of:
http://javascript.in...navigation.html */
var please_wait = "Please wait...";
function open_url(url, targetId) {
if(!xmlhttp)return false;
var e=document.getElementById(targetId);if(!e)return false;
if(please_wait)e.innerHTML = please_wait;
xmlhttp.open("GET", url, true);
xmlhttp.onreadystatechange = function() { response(url, e); }
try{
xmlhttp.send(null);
}catch(l){
while(e.firstChild)e.removeChild(e.firstChild);//e.innerHTML="" the standard way
e.appendChild(document.createTextNode("request failed"));
}
}
function response(url, e) {
if(xmlhttp.readyState != 4)return;
var tmp= (xmlhttp.status == 200 || xmlhttp.status == 0) ? xmlhttp.responseText : "Ooops!! A broken link! Please contact the webmaster of this website ASAP and give him the following error code: " + xmlhttp.status+" "+xmlhttp.statusText;
var d=document.createElement("div");
d.innerHTML=tmp;
setTimeout(function(){
while(e.firstChild)e.removeChild(e.firstChild);//e.innerHTML="" the standard way
e.appendChild(d);
},10)
}
a chamada no head:
<script type="text/javascript" src="teste.js"></script>
o link
<li><a href="java script:void(0)" onclick="open_url('conteudo.html','conteudo_mostrar');">Menu</a>

alguém pode me ajudar?

Editado por kuroi
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

  • 0

Mas o que acontece quando você clica no link?? Ele mostra algumas das mensagens de erro, ou não acontece nada?? Explique o que acontece de errado nesse código, senão fica difícil.

O seu arquivo .js realmente começa com um } jogado ou foi erro na hora de postar??

Se o } tiver mesmo lá, o problema deve ser ele.

Link para o comentário
Compartilhar em outros sites

  • 0
Mas o que acontece quando você clica no link?? Ele mostra algumas das mensagens de erro, ou não acontece nada?? Explique o que acontece de errado nesse código, senão fica difícil.

O seu arquivo .js realmente começa com um } jogado ou foi erro na hora de postar??

Se o } tiver mesmo lá, o problema deve ser ele.

então, quando eu clico no menu, ao invés de aparecer a pagina, ele aparece o conteudo da variavel please wait, e não sai disso, aquele '}' foi erro na hora de postar

Editado por Kiisachan
Link para o comentário
Compartilhar em outros sites

  • 0

Hum, parece que ele está querendo usar o xmlhttp em duas funções separadas como se fosse o mesmo, mas acho que na verdade são dois xmlhttp diferentes. Esse objeto está declarado antes do código das funções?? Se não estiver, adicione isso antes de abrir as funções:

var xmlhttp;

Ou adicione ele como parâmetro para a segunda função.

Link para o comentário
Compartilhar em outros sites

  • 0

kuroi ,muitissimo obrigada pela ajuda, tentei fazer o que você disse mas não deu muito certo =(

acabou que eu fiquei tentando com um codigo antigo que tinha achado e dessa vez deu certo!! \o/ (não entendi porque diabos deu certo dessa vez, sendo que eu já tinha tentado com esse umas mil vezes ¬¬, acho que são detalhes que uma novata como eu não pega de primeira não é =/

bom ,fica ai, o codigo que eu usei, para quem estiver tendo o mesmo problema que eu tive

arquivos externos:

ajax.js

function GetXMLHttp() {   
if(navigator.appName == "Microsoft Internet Explorer") {   
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");   
}   
else {   
xmlHttp = new XMLHttpRequest();   
}   
return xmlHttp;   
}   
  
var xmlRequest = GetXMLHttp();
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("Div aonde a pagina vai ser carregada").innerHTML = "<img src='loader.gif'>";   
}   
  
return url;   
}   
  
function mudancaEstado(){   
if (xmlRequest.readyState == 4){   
document.getElementById("Div aonde a pagina vai ser carregada").innerHTML = xmlRequest.responseText;   
}   
}
dai é só fazer a chamada no head
<script language="javascript" src="ajax.js"></script>  
<script language="javascript" src="instrucao.js"></script>
e o link fica assim:
<a href="#" onclick="abrirPag('SuaPagina.html');">Pagina</a>

Editado por kuroi
Adicionar tag CODE
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...