JS não funciona em página carregada via AJAX
Este código (que está funcionando) carrega páginas via AJAX.
try{
xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
}
div_base = "";
function abre(arquivo,metodo,div){
div_base = div;
xmlhttp.open(metodo,arquivo);xmlhttp.onreadystatechange=conteudo_ajax
xmlhttp.send(null)
}
function conteudo_ajax() {
var exibe=document.getElementById("coluna").style.display="block";
nova_div = div_base;
document.getElementById(nova_div).innerHTML="<div style='top:50%;left:50%;position:relative;'>carregando...</div>"
if (xmlhttp.readyState==4){document.getElementById(nova_div).innerHTML=xmlhttp.responseText
}
}
E os links para chamar as páginas ficam assim
<a href="javascript: abre('eventoCalendario.asp?id=<%=varID%>','GET','conteudo_ajax')" title="Cancelar">Cancelar</a>
O problema é que nenhuma função em JS funciona na página que foi carregada via AJAX. Nem mesmo um simples alert().
Fiz o seguinte teste. Criei uma simples function (para exibir um alert). Coloquei o script na página mãe e na página e na filha (que é a que carrega via AJAX). Nada funcionou.
Porém, se eu rodar a página filha diretamente no navegador as functions funcionam normalmente.
Um help por caridade.
Valew.
Discussão (6)
Carregando comentários...