Olá galerinha!!!
Sou nova no Forum bem como em ajax.
Seguinte...
To com um probleminha aqui com ajax, vou explicar a situação:
Eu tenho uma página php (index.php) que tem uma div chamada "conteudo" (id). Quando acesso um link, a página solicitada é carregada dentro da div "conteudo". Até aí tudo bem. O problema é que uma das páginas possui uma galeria de imagens onde uso jquery-lightbox. Mas, quando eu carrego esta página (da galeria de imagens), o jquery não mais funciona.
eu chamo na index.php
[codebox]
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="lightbox/js/jquery.js"></script>
<script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" media="screen" />
<link href="css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
[/codebox]
e na minha pg.php (página onde está o conteúdo)
[codebox]
<div id="gallery">
<ul>
<li>
<?php
while($EQUIPAMENTO = mysql_fetch_array($EQUIPAMENTOS)){
?>
<a href="files/equipamentos/<?php echo $EQUIPAMENTO["imagem"];?>" title="<?php echo $EQUIPAMENTO["nome"]; ?> ">
<img src="files/equipamentos/t104x73/<?php echo $EQUIPAMENTO["imagem"]; ?>" alt="" />
</a>
<?php
}
?>
</li>
</ul>
</div>
[/codebox]
Ahhh... quando eu coloco tudo isso em uma mesma pagina php funciona perfeito..., porém, o meu conteúdo está em outra pagina!!!
o que eu faço pra fazer funcionar????
gostaria que me explicassem com calma e detalhado pois como disse sou iniciante!!
Desde já, Obrigada a todos!
Galera... já consegui!
No meu function, eu dou um tranco no lightbox;
[codebox]
function abrirPag(valor){
var url = valor;
xmlRequest.onreadystatechange = mudancaEstado;
xmlRequest.open("GET",url,true);
xmlRequest.send(null);
if (xmlRequest.readyState == 1) {
document.getElementById("conteudo").innerHTML;
// = "< src='/imagimges/ajax-loader.gif'>"
}
return url;
}
function mudancaEstado(){
if (xmlRequest.readyState == 4){
document.getElementById("conteudo").innerHTML = xmlRequest.responseText;
$('#gallery a').lightBox();
}
}
[/codebox]
Despois q minha div foi carregada, eu lanço a $('#gallery a').lightBox(); pra dar um tranco e fazer o lightbox funcionar... ok???? valeu galera!