Ciao sono uno studente di Elettronica del 5 anno e mi sono voluto immergere nel mondo del html,javascript,jquery,php.. per il mio progetto d'esame ma spesso e volentieri mi blocco in piccoli problemi..
Questa volta il problema sembra banale ma devo aggiungere dinamicamente due celle con textinput a questa tabella attraverso un evento ma mi sono bloccato ormai da settimane.
Codice Tabella
Codice Evento
Premetto che mi sono avvicinato da poco al mondo del html,javascript,jquery ecc..
Mi ci sono messo d'impegno e sono riuscito a trovare/creare spulciando un po su internet questo codice, che mi risolve parzialmente il problema.
L'unica pecca che mi crea due celle perfette nella giusta posizione ma con un testo e non un textinput.
Spulciando un po su internet ho provato varie soluzioni (document.createElement(INPUT) Ecc. ma non sono riuscito a risolvere il problema sono sicuro che avrò fatto errori banali per colpa della mia inesperienza in questo mondo che mi sono avvicinato da poco.
Se avete la pazienza di darmi qualche consiglio vi ringrazierei molto.
Questa volta il problema sembra banale ma devo aggiungere dinamicamente due celle con textinput a questa tabella attraverso un evento ma mi sono bloccato ormai da settimane.
Codice Tabella
Codice:
<table id="tabella">
<tbody>
<tr>
<td><input type="text" name="dato12" value="11"></td>
<td><input type="text" name="dato12" value="12"></td>
</tr>
<tr>
<td><input type="text" name="dato21" value="21"></td>
<td><input type="text" name="dato22" value="22"></td>
</tr>
<tr>
<td><input type="text" name="dato61" value="61"></td>
<td><input type="text" name="dato82" value="82"></td>
</tr>
<tr>
<td><input type="text" name="dato51" value="51"></td>
<td><input type="text" name="dato32" value="32"></td>
</tr>
<tr>
<td><input type="text" name="dato31" value="51"></td>
<td><input type="text" name="dato32" value="32"></td>
</tr>
<tr>
<td><input type="text" name="dato51" value="51"></td>
<td><input type="text" name="dato32" value="32"></td>
</tr>
<tr>
<td><input type="text" name="dato51" value="51"></td>
<td><input type="text" name="dato32" value="32"></td>
</tr>
<tr>
<td><input type="text" name="dato51" value="51"></td>
<td><input type="text" name="dato32" value="32"></td>
</tr>
</tbody>
</table>
Codice Evento
Codice:
<a href="javascript:addRow('tabella')">Add ROW</a>
Premetto che mi sono avvicinato da poco al mondo del html,javascript,jquery ecc..
Mi ci sono messo d'impegno e sono riuscito a trovare/creare spulciando un po su internet questo codice, che mi risolve parzialmente il problema.
Codice:
function addRow(id){
var tbody = document.getElementById
(id).getElementsByTagName("TBODY")[0];
var row = document.createElement("TR")
var td1 = document.createElement("TD")
td1.appendChild(document.createTextNode("colonna 1"))
var td2 = document.createElement("TD")
td2.appendChild (document.createTextNode("colonna 2"))
row.appendChild(td1);
row.appendChild(td2);
tbody.appendChild(row);
}
L'unica pecca che mi crea due celle perfette nella giusta posizione ma con un testo e non un textinput.
Spulciando un po su internet ho provato varie soluzioni (document.createElement(INPUT) Ecc. ma non sono riuscito a risolvere il problema sono sicuro che avrò fatto errori banali per colpa della mia inesperienza in questo mondo che mi sono avvicinato da poco.
Se avete la pazienza di darmi qualche consiglio vi ringrazierei molto.