Problemas com thickbox

[webfuture 0]

Olá pessoal, estou com um probleminha aqui, o que acontece, estou montando uma página para um cliente que lista as fotos de seus produtos e quando se clica neles abre-se uma tela com aquele efeito de escurescer que mostra a foto maior, com sua descrição, ou seja, eu chamo uma página asp que solicita os dados relativos ao id passado.

 

Quando abro a página tudo bem se clico em uma foto ela escuresce e abre normal, mas estes produtos podem ter categorias e subcategorias, então quando estão dentro de uma subcategoria eu chamo os dados com ajax, ai quando vou clicar nela quem diz que escuresce não vai, ja tentei de tudo mas não funciona.

 

vejam o código que estou usando:

 

Dentro do head tenho:

 

<script type="text/javascript" src="includes/jquery.js"></script>
<script type="text/javascript" src="includes/thickbox.js"></script>
<link rel="stylesheet" href="includes/thickbox.css" type="text/css" media="screen" />

Em algum lugar da página tenho uma lista de links parecidos com o abaixo:


<a href="produtos_detalhes.asp?id_produto=123&ic=1&isc=2&PagAtual=1&keepThis=true&TB_iframe=true&height=490&width=450" rel="gallery" class="thickbox"><img src="images/produtos/pequenas/123.gif" width="100" height="100" border="0" /></a>

Estes links estão dentro de uma DIV e quando clico por exemplo em uma subcategoria eu limpo esta DIV e troco seu conteudo para trazer este mesmo conteudo só que vindo de outro arquivo via AJAX e é o que não funciona.

O meu código ajax esta assim:


var xmlHttp;

function createXMLHttpRequest() {
	if (window.ActiveXObject) {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if (window.XMLHttpRequest) {
		xmlHttp = new XMLHttpRequest();
	}
}

function pagina(numero, id_subcategoria, div) {
	div_clicada = div;
	document.getElementById(div).innerHTML = "";
	createXMLHttpRequest();
	xmlHttp.open("get", "carregapagina.asp?pagatual=" + numero + "&id_subcategoria=" + id_subcategoria + "&div=" + div, true);
	xmlHttp.onreadystatechange = continua_listagem;
	xmlHttp.send(null);
}

function continua_listagem() {
	if(xmlHttp.readyState == 1) {
		   document.getElementById("targetDiv").innerHTML = "<img src=images/carregando.gif border=0>  listando informações aguarde...";
	 }

	if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
		document.getElementById("targetDiv").innerHTML = "";
		document.getElementById(div_clicada).innerHTML = xmlHttp.responseText;
	}
}

Alguém ja viu isto ou sabe como resolver ?

 

Xavier

[hargon 64]

Sei que não é possível utilizar dessa forma pois o script da "lightbox" lê as tags que vai ampliar no momento em que carrega a página, como você está usando ajax, está vindo depois então não é lido, a principio.

 

Vou mover o tópico para a área de Javascript/DHML, provavelmente lá saberão lhe mostrar uma solução, caso exista.

 

 

 

Movido de ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript/DHTML » Ajax