Modifica celle tabella e acquisizione nuovo dato

**Danelius** · 21-05-2011, 13:06

Ciao Ragazzi! Ho un problemuccio con la modifica di una semplice cella e l'invio del nuovo dato (o vecchio dato)...ecco lo script che ho fatto:

index.html

Codice PHP:


<html>







<head>



<SCRIPT language="JavaScript">



function clicked2(obj)



{



    var newtext = prompt ("Inserisci il nuovo valore:", obj.innerHTML);



    obj.innerHTML = newtext;



}







function invioDt(formMio)



{



    formMio.target="";



    formMio.action="ricevi.php";



    formMio.submit();



}



</SCRIPT>



</head>







<body>







<FORM id="form1" method="get">



<TABLE border="1">



  <TR>



    <TD id="cella2" name="cella2" onClick="clicked2(this);">Clicca_2</TD>



    </TR>



    <tr>



    <td height="15"><input type="button" value="Invia" onClick="invioDt(this.form);"></td>



    </tr>



    </TABLE>



</FORM>







</body>



</html>

ricevi.php

Codice PHP:


<?PHP



$dato = $_GET['cella2'];



echo "Il dato inserito è: ".$dato;



?>

soluzione?

**Xinod** · 21-05-2011, 13:25

guarda che un form invia il contenuto dei suoi campi (input, select, textarea),
non qualunque elemento racchiuso tra <form></form>

piuttosto che
obj.innerHTML = newtext;

vorrai scrivere il value di un input, anche di tipo hidden con
document.getElementById('idCampoInputHidden').valu e=newtext

**Xinod** · 21-05-2011, 13:27

e nota che quello che cercherai lato server e' il name del campo, non il suo id
$dato = $_GET['nameCampoInputHIdden'];

**Danelius** · 21-05-2011, 13:47

perdonami xinod, ma non l'ho capito (son proprio scarso

)...

dovrei modificare:

obj.innerHTML = newtext; ---> document.getElementById('cella2').value=newtext;

e poi dal lato server?

**cavicchiandrea** · 21-05-2011, 14:16

Scusa ma cognizioni minime di javascript, html, php le hai?
Perché da quello che scrivi e dalle domande che fai sembrerebbe che tu non abbia mai aperto una guida, e sperare che il forum ti faccia da tutor lo trovo pretenzioso.
Detto questo, il td fa parte della tabella non del form se vuoi passare il dato devi usare o un campo hidden (nascosto) oppure un campo text (visibile) che recupererai $_REQUEST["nome_campo_form"];

**Xinod** · 21-05-2011, 16:05

va bene questo
document.getElementById('cella2').value=newtext;

il td diventa

<TD onClick="clicked2(this);">Clicca_2 <input type="hidden" id="cella2" name="cella2" /></TD>

**Danelius** · 21-05-2011, 18:09

Intanto grazie ragazzi! Ho fatto così:

Codice PHP:


<SCRIPT language="JavaScript">

function clicked1(obj)

{

    var newtext = prompt ("Inserisci il nuovo valore:", obj.innerHTML);

    document.getElementById('H1').value=newtext;

    obj.innerHTML = newtext;

}



function invioDt(formMio)

{

    formMio.target="";

    formMio.action="ricevi.php";

    formMio.submit();

}

</SCRIPT>

</head>



<body>



<FORM id="form1" method="get">

<TABLE border="1">

      <TR>

    <TD id="A1" onClick="clicked1(this);">Clicca_1</TD>

    <input type="hidden" name="cella1" id="H1" value="Clicca_1">

    </TR>

      <TR>

    <TD id="B1" onClick="clicked1(this);" value="A3">Clicca_2</TD>

    <input type="hidden" name="cella2" id="H2" value="Clicca_2">

    </TR>

    <tr>

    <td height="15"><input type="button" value="Invia" onClick="invioDt(this.form);"></td>

    </tr>

    </TABLE>

</FORM>

ricevi.php

Codice PHP:


<?PHP



$dato1 = $_GET['cella1'];



echo "
 Il dato inserito è: ".$dato1;



?>

e funziona...ora però se devo utilizzare la stessa funzione per la seconda cella (e quindi passare il suo id), come lo modifico?

**Xinod** · 21-05-2011, 18:20

i tr possono solo contenere td o th, quindi i tuoi campi devono trovarsi altrove

come passi quell' obj come argomento della funzione passa anche l' id del campo
function clicked1(obj, idCampo){
...
document.getElementById(idCampo).value=newtext;
...
}
...
<TD id="A1" onClick="clicked1(this, 'H1');">Clicca_1</TD>

**Danelius** · 21-05-2011, 18:46

Perfettissimooooooo!!!!! Grazie 1000 Xinod!!!!

Discussione: Modifica celle tabella e acquisizione nuovo dato

Strumenti discussione

Ricerca discussione

Visualizza

Modifica celle tabella e acquisizione nuovo dato

Permessi di invio