Fechar div com ajax

[Rodrigo Twister 0]

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);
}

[Rodrigo Twister 0]

Amigos, resolvi o problema com uma gambiarra, mas com uma lógica em cima, rs....

 

java script:ajaxLoad('vazio.php','Conteudo');

 

vazio.php é uma página em branco. Resolvido