• Revista PROGRAMAR: Já está disponível a edição #53 da revista programar. Faz já o download aqui!

lcross

Ajax e chamar uma div de dentro de uma div......

5 mensagens neste tópico

ok a minha duvida é relativamente simples axo eu.

Começei agora a dar uns passos em ajax e php mas tenho uma duvida

tenho 3 paginas

a 1 ª passa uma variavel dum form para a 2ª e a 2ª passa essa variavel para uma 3ª pagina, tudo isto em ajax ou seja sem refresh da pagina mas nao funciona

da 1ª para a 2ª funciona bem, da 2ª para a 3ª tambem, portanto parece ser problema de chamar uma div de dentro de outra div.... existe alguma maneira de o fazer????

Espero que nao tenha sido demasiado confuso... :fartnew2: :wallbash:

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Espero que nao tenha sido demasiado confuso... :fartnew2: :wallbash:

Bastante, tenta explicar melhor sff.
0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ok entao é assim :

O que eu necessito de ter uma pagina que carrega os dados de uma bd, ate aqui tudo bem, depois pode alterar os dados e fazer SAVE ou seja um update da bd, e mostar os novos dados, mas tudo isto sem fazer refresh da pagina.ex:

pagina 1 mostra custo = 15, fazemos um update para custo = 25,o ajax regista os valores chama o update sql e actualiza a bd,carregando uma pagina 2  na div1 que só tem o codigo para introdução dos valores na bd  e lançando uma msg de sucesso apos o update ,só que depois nao sei como actualizar os valores mostrados na 1 ª pagina sem fazer refresh, pois os valores foram actualizados na bd mas ainda mostra os valores iniciais!

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Mas tu chegas a apagar completamente a página em que aparecem os dados primeiro? É que vais ter que repovoar o formulário, ou o que quer que tenhas com os dados alterados, ou seja tens que fazer outra query a buscar a row com os dados ou guardas em variáveis os dados alterados e repovoas os campos com o valor dessas variáveis.

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

ok para tentar simplificar é assim

Pag1.php

\\codigo

"

      <title>teste</title>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   </head>

<script language="javascript" type="text/javascript">

<!--

//Browser Support Code

function t1ajaxFunction(){

var ajaxRequest;  // The variable that makes Ajax possible!

try{

// Opera 8.0+, Firefox, Safari

ajaxRequest = new XMLHttpRequest();

} catch (e){

// Internet Explorer Browsers

try{

ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try{

ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e){

// Something went wrong

alert("Your browser broke!");

return false;

}

}

}

// Create a function that will receive data sent from the server

ajaxRequest.onreadystatechange = function(){

if(ajaxRequest.readyState == 4){

var ajaxDisplay = document.getElementById('ajaxDiv1');

ajaxDisplay.innerHTML = ajaxRequest.responseText;

}

}

var ttfield = document.getElementById('ttfield').value;

var queryString = "?ttfield=" + ttfield ;

ajaxRequest.open("GET", "t2.php" + queryString, true);

ajaxRequest.send(null);

}

//-->

</script>

<?php

$ttfield34= $_GET['ttfield'];

if (isset($ttfield34 ))

$ttfield55="wewe";

else

$ttfield55=$ttfield34;

?>

<form name="form1" >

  <label></label>

  <input name="ttfield" type="text" id="ttfield" value="<?php echo $ttfield55?>" >

  <input type="button" name="1" id="zzz" value="Button"onclick="t1ajaxFunction()">

</form>

<?php echo "t1"?>

<div id='ajaxDiv1'>div1</div>

"

Pag2.php

//codigo

"      <title>teste</title>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

   </head>

<script language="javascript" type="text/javascript">

<!--

//Browser Support Code

function t2ajaxFunction(){

var ajaxRequest;  // The variable that makes Ajax possible!

try{

// Opera 8.0+, Firefox, Safari

ajaxRequest = new XMLHttpRequest();

} catch (e){

// Internet Explorer Browsers

try{

ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");

} catch (e) {

try{

ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");

} catch (e){

// Something went wrong

alert("Your browser broke!");

return false;

}

}

}

// Create a function that will receive data sent from the server

ajaxRequest.onreadystatechange = function(){

if(ajaxRequest.readyState == 4){

var ajaxDisplay = document.getElementById('ajaxDiv2');

ajaxDisplay.innerHTML = ajaxRequest.responseText;

}

}

var ttfield2 = document.getElementById('ttfield2').value;

var queryString = "?ttfield2=" + ttfield2 ;

ajaxRequest.open("GET", "t3.php" + queryString, true);

ajaxRequest.send(null);

}

//-->

</script>

<form name="form1" >

  <label></label>

  <input name="ttfield2" type="text" id="ttfield2" value="<?php echo $ttfield?>">

  <input type="button" name="1" id="zzz" value="Button" onClick="t2ajaxFunction()" >

</form>

<?php echo "t2"?>

<div id='ajaxDiv2'>div2</div>

"

Pag3.php

//codigo

"

<?php

$ttfield3= $_GET['ttfield2'];

echo  "$teste3";

echo $ttfield3;

?>"

Chamando a pag 2 de dentro da 1 ok; chamando a 3 de dentro da 2 ok; ,mas fazendo a sequencia 1, 2, 3, a 3 nao carrega

PS: é muito codigo mas nao sabia como esplicar melhor, sorry

0

Partilhar esta mensagem


Link para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!


Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.


Entrar Agora