Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Caros amigos que tanto me ajudam, rs....
Tenho uma página que retorna o resultado de uam busca, com diversos nomes. Cada nome é um link. Clicando no nome (link), abre uma div. Essa div tem que ter um botão de fechar. Irá continuar exibindo a página do resultado da busca. Ao clicar em outro nome qualquer, tem que voltar a abrir a div.
Hoje já funciona tudo, menos o FECHAR, que ao ser clicado, some de vez, ou seja, clicando em outro link, ele não carrega outro ajax, pois usei, leigamente por não ter conhecimento do ajax, a função do dreamweaver para mostrar/exibir camadas, mas ao clicar no link, ela fecha a div e não abre mais.
Página Ajax.js:
try{
xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
}
fila=[];
ifila=0;
function ajaxLoad(url, destino){
if(destino!=Object){ destino = document.getElementById(destino); }
if(destino.nodeName=="SELECT"){
while(destino.options.length>0)destino.options[0]=null;
destino.options[0]=new Option(" -- Aguarde -- "," -- Aguarde -- ");
} else {
destino.innerHTML="<table width=100% height=100% align=center border=0><tr><td><center><img src='img/carregando.gif'></center></td></tr></table>";
}
fila[fila.length]=[url,destino];
if((ifila+1)==fila.length)ajaxRun();
}
function ajaxShow(valor,destino){
if(destino.nodeName=="SELECT"){
while(destino.options.length>0)destino.options[0]=null;
if(valor.charAt(0)=="[" && valor.charAt(valor.length-1)=="]"){
var destinoTmp=eval(valor);
for(var i=0;i<destinoTmp.length;i++){
destinoTmp[i][0]=unescape(destinoTmp[i][0]);
destinoTmp[i][1]=unescape(destinoTmp[i][1]);
destino.options[destino.options.length]=new Option(destinoTmp[i][1],destinoTmp[i][0]);
}
} else {
destino.options[destino.options.length]=new Option(valor,valor);
}
} else {
destino.innerHTML = unescape(valor.replace(/\+/g," "));
}
}
function ajaxRun(){
url = fila[ifila][0];
destino = fila[ifila][1];
xmlhttp.open("GET", url, true);
xmlhttp.setRequestHeader("Content-Type", "text/html; charset=ISO-8859-1");
xmlhttp.setRequestHeader("Cache-Control", "no-store, no-cache, must-revalidate");
xmlhttp.setRequestHeader("Cache-Control", "post-check=0, pre-check=0");
xmlhttp.setRequestHeader("Pragma", "no-cache");
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4){
switch(xmlhttp.status){
case 200: { ajaxShow(xmlhttp.responseText,destino); break }
case 204: { ajaxShow("O servidor não respondeu ao chamado",destino); break }
case 400: { ajaxShow("Endereço inválido",destino); break }
case 403: { ajaxShow("Você não possui permissão para acessar esse arquivo",destino); break }
case 404: { ajaxShow("Arquivo não encontrado",destino); break }
case 500: { ajaxShow("Erro interno do servidor...",destino); break }
case 502: { ajaxShow("Servidor ocupado.",destino); break }
case 503: { ajaxShow("O servidor não respondeu no tempo limite",destino); break }
default: { ajaxShow("Algum erro ocorreu ao carregar este conteúdo...",destino); break }
}
ifila++;
if(ifila<fila.length)setTimeout("ajaxRun()",0);
}
}
xmlhttp.send(url);
}
function ajaxForm(f, url, destino){
if(f!=Object){ f = document.getElementById(f); };
var query=url;
for (i=0;i<f.elements.length;i++){
query += i==0 ? '?' : '&';
query += f.elements[i].name + '=' + f.elements[i].value;
}
ajaxLoad(query, destino);
}Carregando comentários...