AJAX recuperare campi POST

**pietro09** · 17-07-2006, 14:37

codice:

<tr>
   <form action="" method="post" enctype="multipart/form-data" name="form">
   <td>     
  
      N°:  

      <input type="text" name="num_quartieri" size="4"> 
       <input type="button" value="Carica" onclick="java-script:carica('ajx_campi', document.form.num_quartieri.value, '<?php echo $testo['quartiere']; ?>','<?php echo $testo['descr']; ?>','<?php echo $testo['foto']; ?>');">
       
   </td>
 
 
 LA CHIUSURA </FORM> VA QUI, PRIMA DI </TR>
 
 
 
 
 </tr>  
 <tr>
   <td>
      <div id="ajx_campi"></div>
      


      <input type="submit" name="submit" value="<?php echo $testo['salva']; ?>">   
   </td>
      <input type="hidden" name="id_reg" value="<?php echo $id_reg ?>">  
      <input type="hidden" name="id_cit" value="<?php echo $id_cit ?>">              
   </form>
</tr>

**[D]ottor** · 17-07-2006, 15:04

Originariamente inviato da pietro09

codice:

<tr>
   <form action="" method="post" enctype="multipart/form-data" name="form">
   <td>     
  
      N°:  

      <input type="text" name="num_quartieri" size="4"> 
       <input type="button" value="Carica" onclick="java-script:carica('ajx_campi', document.form.num_quartieri.value, '<?php echo $testo['quartiere']; ?>','<?php echo $testo['descr']; ?>','<?php echo $testo['foto']; ?>');">
       
   </td>
 
 
 LA CHIUSURA </FORM> VA QUI, PRIMA DI </TR>
 
 
 
 
 </tr>  
 <tr>
   <td>
      <div id="ajx_campi"></div>
      


      <input type="submit" name="submit" value="<?php echo $testo['salva']; ?>">   
   </td>
      <input type="hidden" name="id_reg" value="<?php echo $id_reg ?>">  
      <input type="hidden" name="id_cit" value="<?php echo $id_cit ?>">              
   </form>
</tr>

La??????
Ma se sotto c'è il div dove andranno piazzati i campi che tira fuori la pagina .php
Ed in più se vedi bene ci sono anche altri campi sotto

**pietro09** · 17-07-2006, 15:08

puoi fare una prova veloce?
metti il <form subito dopo <table> e la chiusura </form> subito prima di </table>

oppure, metti la <table></table> tutta dentro il <form>...</form>

**[D]ottor** · 17-07-2006, 17:21

non posso su questo table ci sono più moduli chiusi dopo i rispettivi <tr></tr>

Dici sia questo il problema???

**pietro09** · 17-07-2006, 19:54

Originariamente inviato da [D]ottor
non posso su questo table ci sono più moduli chiusi dopo i rispettivi <tr></tr>

Dici sia questo il problema???

Io non dico che sia questo il problema. Però, se ho dei problemi, mi piace sperimentare per trovare la soluzione.
Scusami, però il tuo html mi sembra scorretto. Ho provato a risistemare una pagina funzionante secondo il tuo stile ed ho trovato che con IE funziona (ma lui digerisce anche l'impossibile), mentre con Firefox non funziona. Perciò, io proverei a fare esperimenti.
Ti saluto

ps.
Comunque, spero che rispondano altri amici del forum, perchè mi sto incuriosendo.

**pietro09** · 17-07-2006, 21:04

Giusto per finire, ho verificato e penso di avere ragione. Ajax non c'entra niente. Questa pagina infatti, funziona con IE ma non con Firefox, causa la cattiva scrittura del codice html

codice:

<!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><title>
	Pagina senza titolo
</title>
<script language="javascript" type="text/javascript">
// <!CDATA[


function Button1_onclick() 
{
    document.getElementById("div1").innerHTML = "<input name='prova1' type='text' />";
}

// ]]>
</script>
</head>
<body>
    <table>
        <tr>
           <form name="form1" method="post" action="a.aspx" id="form1">
           <td>     
                <input id="Button1" type="button" value="Inserisce TextBOx" language="javascript" onclick="return Button1_onclick()" />
           </td>
         </tr>  
         <tr>
           <td>
              <div id="div1"></div>
              


              <input type="submit" name="Button2" value="Submit" id="Button2" />
           </td>
           </form>
        </tr> 
    </table>
</body>
</html>

**[D]ottor** · 17-07-2006, 23:52

ciao pietro, dunque io uso firefox quindi come faccio a vedere se funziona? Mi deve scrivere l'output della pagina .php dentro il div?

Cosi quando faccio visualizza sorgente deve comparire?

**[D]ottor** · 19-07-2006, 09:41

up

**cucciolo139** · 25-07-2006, 11:08

Ciao Ragazzi

il problema è semplicemente l'annidamento sbagliato del <FORM> dovete metterlo all'esterno della <TABLE> ricordatevi che siamo in ambiente XHTML che è molto rigido e non accetta errori di sintassi .

Poi leggendo i vari interventi mi sembra di capire che manca l'attributo VALUE negli <INPUT> caricati da AJAX (ma questo dipende se i valori sono caricati da AJAX) che dovrebbero passare il valore alla prossima pagina dopo il Submit altrimenti se questi campi saranno compilati dall'utente possono pure restare così.

Quindi verrebe:

<!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><title>
Pagina senza titolo
</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick()
{
document.getElementById("div1").innerHTML = "<input name='prova1' type='text' />";
}

// ]]>
</script>
</head>
<body>
<form name="form1" method="post" action="a.aspx" id="form1">
<table>
<tr>

<td>
<input id="Button1" type="button" value="Inserisce TextBOx" language="javascript" onclick="return Button1_onclick()" />
</td>
</tr>
<tr>
<td>
<div id="div1">

<input type="text" name="name1" value="caricato da AJAX">
<input type="text" name="name2" value="caricato da AJAX">
<input type="text" name="name3" value="caricato da AJAX">
</div>

<input type="submit" name="Button2" value="Submit" id="Button2" />
</td>

</tr>
</table>
</form>
</body>
</html>

Discussione: AJAX recuperare campi POST

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio