Jump to content
Fórum Script Brasil
  • 0

conteudo carregar na DIV


Kiisachan

Question

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?

Edited by kuroi
Adicionar tag CODE
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 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 to comment
Share on other 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

Edited by Kiisachan
Link to comment
Share on other 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 to comment
Share on other 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>

Edited by kuroi
Adicionar tag CODE
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652k
×
×
  • Create New...