Ajax com Javascript

AlissonSchneider · Junho 3, 2011

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&ccedil;&atilde;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

Editado Junho 3, 2011 por AlissonSchneider

Entrar

Ajax com Javascript

Pergunta

AlissonSchneider

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades