Olá pessoal estou chamando uma pagina numa div com o ajax segue o código do ajax var xmlhttp = null;
function pegaConteudo(url)
{
try
{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");}
catch (E) { xmlhttp = false; }
}
if (!xmlhttp && typeof XMLHttpRequest != 'undefined' ) {
try { xmlhttp = new XMLHttpRequest(); }
catch (e) { xmlhttp = false; }
}
if (xmlhttp) {
xmlhttp.onreadystatechange = processadorMudancaEstado;
xmlhttp.open("GET", url);
xmlhttp.setRequestHeader('Content-Type','text/xml');
xmlhttp.setRequestHeader('encoding','ISO-8859-1');
xmlhttp.send(null);
}
}
function processadorMudancaEstado () {
if ( xmlhttp.readyState == 4){
// coloca o valor no objeto requisitado
texto=unescape(xmlhttp.responseText.replace(/\+/g," "));
document.getElementById(destino).innerHTML=texto;
// executa scripts
extraiScript(texto)
}
if ( xmlhttp.status == 200) {
document.getElementById ("puxa_agenda"). innerHTML = xmlhttp.responseText;
}
else {
alert( "Aviso: Página não encontrada" );
}
}
segue o código da página principal
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Estação Berg | Piratuba - SC</title>
<link href="estacaoberg.css" rel="stylesheet" type="text/css" />
<script src="abre_pg.js" type="text/javascript"></script>
<script type="text/javascript" src="cufon-yui.js"></script>
<script type="text/javascript" src="Star_Avenue_400.font.js"></script>
<script type="text/javascript">
Cufon.replace('h3#convert-me, p#convert-me-too');
</script>
<script src="jquery-1.5.2.min.js"></script>
<link rel="stylesheet" href="prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
</head>
<body onLoad="java script:pegaConteudo('junho.php');">
<div id="tudo">
<div id="topo">
<div id="menu">
<h3><a href="index.php" class="menu_efeito">Home</a></h3>
<h3><a href="agenda.php" class="active_menu">Agenda</a></h3>
<h3><a href="fotos.php" class="menu_efeito">Fotos</a></h3>
<h3><a href="como_chegar.php" class="menu_efeito">Como chegar</a></h3>
<h3><a href="contato.php" class="menu_efeito">Contato</a></h3>
</div>
<div id="conteudo">
<div id="agenda_calendario">
<a href="java script:pegaConteudo('maio.php');">
<div id="btn_prev_mes">
<img src="images/prev.png" width="17" height="14" border="0" />
</div>
</a>
<div id="puxa_agenda"></div>
<a href="java script:pegaConteudo('junho.php');">
<div id="btn_next_mes">
<img src="images/next.png" width="17" height="14" border="0" />
</div>
</a>
</div>
<div id="cadastrese_agenda">
<a href="form_cadastrese.php?iframe=true&width=360&height=370" rel="prettyPhoto">
<img src="images/cadastrese.png" border="0">
</a>
</div>
</div>
</div>
</div>
</div>
<div id="rodape"></div>
</body>
</html>
segue o código da página que eu estou chamando
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="valida_contato.js"></script>
<script src="jquery-1.5.2.min.js"></script>
<link rel="stylesheet" href="prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<script src="prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>abril</title>
<link href="estacaoberg.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="pg_interna_agenda">
<div id="img_calendaro"><img src="images/calendario/junho.png" width="278" height="285" /></div>
<div id="not_agenda">
<span class="data_agenda">11/06</span>
<span class="text_agenda">
The Best Cover Brazil <br />
(Guns N' Roses Cover)
</span>
<div class="mais"><a href="images/guns_g_agenda.jpg" rel="prettyPhoto">+</a></div>
<div id="separacao_agenda"></div>
</div>
</div>
</body>
</html> É uma agenda quando o usuário clicar no botão next deve carregar o outro mes, e tem um link que eu abro um lightbox na imagem, só que o jquery não funciona a imagem abre sem o efeito. Não sei como fazer ele ler o javascript através do ajax, o código do jquery deve ficar aonde? como passar o código? Mt obrigado desculpe o encomodo