Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Andre Ricardo

Carregar página com AJAX

Por , em Javascript

Recommended Posts

Andre Ricardo    0

Andre Ricardo
Postado

Vamo direto ao assunto,estou com probs ao acessar uma id que esta dentro da página "pedido.php" que é requisitada através de AJAX na pagina index.Para melho entendimento, eu acesso a pagina "pedido.php" no menu da pagina página "index.php", pelo AJAX inserindo a página solicitada numa div.Até então tudo bem, a página é acessada e carregada normalmente, o prob é quando tento efetuar calculos na página que está dentro do div, caso a página "pedido. php".Quando eu acesso acesso essa página diretamente, ela faz os cáculos normais, só dá erro quando eu peço pra ela fazer os cálculos dentro da div que está dentro da página "index.php".Já pecorri o forum, e nao axei nenhuma solução para o meu prob, se eu tiver passado batido pela solução, favor me indicar o link, caso contrário estou a disposicão de dúvidas e comentários.Grato!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andre Ricardo    0

Andre Ricardo
Postado

Vale lembrar que, axu q o prob está qdo a pag "pedido.php" tenta acessar uma div que está dentro dela, ou seja o javascript tenta procurar pela div ou tag solicitada, na pag "index.php", qdo na verdade a div está em "pedido.php".Pode ser algo com forçar a "document" ou "window" acesar deteriminada página, não sei direito, posso até estar falando besteira, sei que a moçada manda bem aqui, mas axu q a logica é essa.

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

dude crieo que você naum leu as regras do forum mas lá esté claro que nao pode postar tópicos com o titulo urgente ou algo parecido!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Andre Ricardo    0

Andre Ricardo
Postado

Primeiramente, peço desculpas por ter errado no topico, realmente não li sobre as regras.Mas vamos ao que interessa, ao menos pra mim.Vou tentar explicar melhor o meu prob mostrando os codigos, de uma forma resumida é claro, mas que simula o meu prob:index.html<!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>Untitled Document</title><script src="/teste/actions.js" type="text/javascript"></script></head><body onload="ajaxHTML('conteudo','paginicial.html');"><div><a href="#" onclick="ajaxHTML('conteudo','mostrarrelogio.html');">Relogio</a></div><div id="conteudo"></div></body></html>paginicial.html<!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>Untitled Document</title></head><body><h1 >Pagina inicial</h1> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero. Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo. Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus. Mauris magna eros, semper a, tempor et, rutrum et, tortor. </p></body></html>mostrarrelogio.html<!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>Untitled Document</title><script src="/teste/actions.js" type="text/javascript"></script></head><body onload="mostrarRelogio();"><h1>Relogio</h1><input type="text" id="relogio" size="10" style="background-color:#000000; color:#CCCCCC; border:none;"/> </body></html>actions.js// JavaScript Documentfunction ajaxHTML(id,url){ //Obtém o objeto HTML objetoHTML=document.getElementById(id); //Exibe "Carregando..." objetoHTML.innerHTML="Carregando...";try{ xmlhttp = new XMLHttpRequest();}catch(ee){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch(E){ xmlhttp = false; } }} xmlhttp.open("GET",url); xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4){ retorno=unescape(xmlhttp.responseText.replace(/\+/g," ")); objetoHTML.innerHTML=retorno; } } xmlhttp.send(null);};function mostrarRelogio(){ horaAtual = new Date() hora = horaAtual.getHours() minuto = horaAtual.getMinutes() segundo = horaAtual.getSeconds() horaImprimivel = hora + " : " + minuto + " : " + segundo document.getElementById('relogio').value=""+ horaImprimivel; setTimeout("mostrarRelogio()",1000);};Bom, esses são os codigos. Quando eu acesso diretamente a pagina "mostrarrelogio.html", ela executa normalmente o codigo do script que mostra o relogio.Quando eu tento acessar a pagina "mostrarrelogio.html" atraves do link na pagina "index.html" os codigos não são executados.Pq???onde está o erro ou onde posso consultar algo que resolva isso.Desde já, agradeço a todos que poderem colaborar!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilker    3

Wilker
Postado

lembre-se que uma pagina carregada por ajax nao pode conter nenhum function(), se tiver ele vai ser simplesmente ignorado, para voce poder criar funcoes a partir de uma pagina carregada via ajax, siga meu exemplo abaixo:

 

//ERRADO:function minhaFuncao(arg1, arg2) {  return arg1 + arg2;}//CERTO:minhaFuncao = function(arg1, arg2) {  return arg1 + arg2;};

e lembre-se que voce tb tera q detectar as tags script dentro da pagina e passa-las por eval(), cnaum nem usando o jeito certo resolve :P

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito