Elaborazione pagina con Ajax: come eliminare codice precedente?

[darkwolf]

Molto semplicemente: /script/test/test.php

Da questo, con gli script disabilitati, procedo regolarmente (passo passo, eliminando i pulsanti precedenti).
Se abilito gli script (dato che sfruttando ajax volevo evitare di ricaricare la pagina) mi rimane il pulsante iniziale (e non ce lo voglio).

Codice php/html:

<script src="test.js" type="text/javascript"></script>
<div style="text-align: center; width: 230px; margin: 0 auto;">
<?php

$php = "test.php";
$img = "<img src=\'pleasewait.gif\' alt=\'Please Wait\' />";

$form = '<div><form method="post" name="accetto" onsubmit="xmlhttpPost(\''.$php.'\', \'accetto\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="accetto" value="Accetto: fammi entrare" />
</form></div>';

$test1 = '<div style="float: left;">
<form method="post" name="test1" onsubmit="xmlhttpPost(\''.$php.'\', \'test1\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="test1" value="Test1" />
</form>
</div>';

$test2 = '<div style="float: right;">
<form method="post" name="test2" onsubmit="xmlhttpPost(\''.$php.'\', \'test2\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="test2" value="Test2" />
</form>
</div>';

if (!empty($_POST["accetto"])){
echo "".$test1."\n".$test2."";}
elseif (!empty($_POST["test1"])){
echo 'testo 1';}
elseif (!empty($_POST["test2"])){
echo 'testo 2';}
else{
echo $form;}

?>

<div id="risultato"></div>
</div>

Javascript: test.js

[karl94]

Potresti mettere il form dentro il div#risultato.

[darkwolf]

Ho rinchiuso il tutto in "risultato" e sembra funzionare in modo corretto :)

---
Onestamente non ci ho capito granché (eg: perché i due sub-form li nascondeva e il primo no?) ma adesso funziona

Grazie mille ad entrambi :)

<script src="test.js" type="text/javascript"></script>
<div id="risultato" style="text-align: center; width: 230px; margin: 0 auto;">
<?php

$php = "test.php";
$img = "<img src=\'pleasewait.gif\' alt=\'Please Wait\' />";

$form = '<form method="post" name="accetto" onsubmit="xmlhttpPost(\''.$php.'\', \'accetto\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="accetto" value="Accetto: fammi entrare" />
</form>';

$test1 = '<div style="float: left;">
<form method="post" name="test1" onsubmit="xmlhttpPost(\''.$php.'\', \'test1\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="test1" value="Test1" />
</form></div>';

$test2 = '<div style="float: right;">
<form method="post" name="test2" onsubmit="xmlhttpPost(\''.$php.'\', \'test2\', \'risultato\', \''.$img.'\'); return false;">
<input type="submit" name="test2" value="Test2" />
</form></div>';

if (!empty($_POST["accetto"])){
echo "".$test1."\n".$test2."";}
elseif (!empty($_POST["test1"])){
echo 'testo 1';}
elseif (!empty($_POST["test2"])){
echo 'testo 2';}
else{
echo $form;}

?>
</div>

--
Edit: qualche idea per aggiungere un pulsante che riporti allo stato iniziale (ricaricare l'intera pagina, sempre sfruttando ajax)? :)
-
Riedit: risolto sfruttando una nuova variabile (con su nuovo form) che quindi funzionerà con l'else (che mi farà riapparire il form iniziale)