Creare al volo una riga di tabella

**saucer** · 10-09-2008, 10:26

Salve a tutti,
ho una domanda ( spero banale ).

Nella seguente pagina :

Codice PHP:


<html>

<head>

</head>

<body>

<table border="0" cellspacing="0" cellpadding="0">

  <tr id="riga_1">

    <td>1</td>

    <td>Pippo</td>

  </tr>

  <tr id="riga_2">

    <td>2</td>

    <td>Pluto</td>

  </tr>

</table>

</body>

</html>

Vorrei creare alla pressione di un tasto, 1 nuova riga

Codice PHP:




<tr id="riga_3">

  <td>3</td>

  <td>Paperino</td>

</tr>

Come posso fare?
Provo a scriverla con InnerHTML ma non ci riesco :/
Grazie mille a chi sapra' aiutarmi!

**artorius** · 10-09-2008, 11:00

mmm
Allora fai una cosa cosi:

Codice PHP:


//tu hai ora due righe chiaramente se ne avrai di più dovrai indicare un numero diverso

//Questa variabile indica insieme il numero totale di righe ed il numero finale dell'ID dell'ultima riga

var rowCount = 2;



//Questa funzione prende in ingresso due valori che verranno messi, rispettivamente, come contenuto del primo e del secondo TD

function addRow(value1, value2)

{

   var tr = document.createElement('tr');

   tr.id = "riga_"+(rowCount+1);

   var td1 = document.createElement("td");

   td1.appendChild(document.createTextNode(value1));

   var td2 = document.createElement("td");

   td2.appendChild(document.createTextNode(value2));

   tr.appendChild(td1);

   tr.appendChild(td2);

   var lastTr = document.getElementById('riga_'+rowCount);

   lastTr.parentNode.appendChild(tr);

   rowCount++;

}

Associa questa funzione al tuo pulsante o link passandogli i valori da inserire:
es
Clicca per Aggiungere Topolino

**saucer** · 10-09-2008, 11:47

Grazie mille!
Controllo subito per verificare se funziona.

Grazie ancora!

Discussione: Creare al volo una riga di tabella

Strumenti discussione

Ricerca discussione

Visualizza

Creare al volo una riga di tabella

Permessi di invio