[dom] qualcuno mi salvi

[kuarl]

ho notato ke è la 200 domanda ke faccio su questo maledetto dom

in ogni caso.... ciancio alle bande, ho una tabella con id 'excel', questa tabella contiene due righe, io voglio che mi riempia la tabella con righe uguali alla seconda ma con il contenuto che voglio io.....

ogni cella della riga (parlo sempre della seconda riga) ha un id distinto, nella prima cella ci voglio un numero progressivo, nelle altre dei numeri che calcolo io

postatemi un po' di codice please
js non lo capisco proprio :master:

[var]

davvero non si capisce molto da quello che hai scritto... :|

[kuarl]

whaz

tabella [id=excell]
-- riga 1 [id=intestazione]
-- riga 2 [id=rigaModello]
----- campo 1 [id=i]
----- campo 2 [id=x]
----- campo3 [id=fx]
----- campo4 [id=area]

questa è la tabella che già ho con tutta la formattazione ecc, io voglio modificare questa tabella e ottenere questo:

tabella [id=excell]
-- riga 1 [id=intestazione]
-- riga 2 [id=riga1]
----- campo 1 [id=i] <== numero progressivo
----- campo 2 [id=x] <== un valore che calcolo tramite un'espressione
----- campo3 [id=fx] <== altro valore calcolato
----- campo4 [id=area] <== me lo calcolo anche questo
-- riga 3 [id=riga2]
----- campo 1 [id=i] <== numero progressivo
----- campo 2 [id=x] <== un valore che calcolo tramite un'espressione
----- campo3 [id=fx] <== altro valore calcolato
----- campo4 [id=area] <== me lo calcolo anche questo
-- riga 4 [...]
ecc...

il numero di righe finale è contenuto in una variabile n, il valore delle singole celle me lo calcolo ogni volta.
How can i do?
Il mio problema è il dom, una volta che leggo il riferimento alla prima riga con getElementById poi dovrei clonarla giusto? dovrei assegnare a ogni campo della riga un valore e in fine con appendChild dovrei aggiungere la riga alla tabella, ripeto quest'operazione n volte.... solo che appena scrivo un metodo del dom sia explorer che mozilla fanno i capricci

[pela]

guarda questo

<script language="JavaScript"> 
var n=2; //numero di righe da aggiungere
function aggiungi(){
 var mod=document.getElementById("rigamodello");
 var copia=new Array(n);
 for(j=0;j<n;j++) {
   copia[j]=mod.cloneNode(true);
   copia[j].childNodes[0].id=j; // numero progressivo
   copia[j].childNodes[1].id="x"+j;  //sostituire con le espressioni desiderate
   copia[j].childNodes[2].id="fx"+j;
   copia[j].childNodes[3].id="area"+j;
   mod.parentNode.appendChild(copia[j]);  
 }
}
window.onload=aggiungi;
</script>

[kuarl]

quasi perfetto!!!

ma ora sorge solo un piccolo problema, quando io richiamo una seconda volta la funzione ad esempio cambiando n mi deve visualizzare un numero di righe diverso, invece me le aggiunge.
Come si può fare?

[pela]

così?

function aggiungi(n){
 var mod=document.getElementById("rigamodello");
 var tab=document.getElementById("excel");
 for(j=tab.rows.length-1;j>=2;j--)
   tab.deleteRow(j);
 var copia=new Array(n);
 for(j=0;j<n;j++) {
   copia[j]=mod.cloneNode(true);
   copia[j].childNodes[0].id=j; // numero progressivo
   copia[j].childNodes[1].id="x"+j;  //sostituire con le espressioni desiderate
   copia[j].childNodes[2].id="fx"+j;
   copia[j].childNodes[3].id="area"+j;
   mod.parentNode.appendChild(copia[j]);  
 }
}
</script>