Tabelle,form e DOM

**HumptyDumpty** · 03-03-2008, 16:22

ciao a tutti,
ho creato una tabella di 5 righe ogni riga contiene una FORM e 3 colonne:
valore1 valore2 pulsante invia

devo creare le righe dinamicamente con il DOM ma non riesco "appendere" i nodi nel modo corretto.

la tabella ha il seguente codice:
<table>
<form action="..>
<tr>
<td ><input type="text" name="textfield" /></td>
<td ><input type="text" name="textfield2" /></td>
<td ><input type="submit" name="Submit2" value="Invia" /></td>
</tr></form>
<form action="..>
<tr>...

devo tradurre il tutto in "DOM" o comunque creare una tabella con un FORM per ogni riga.

ho creato l'elemento FORM,appeso i figli TD; alla fine appeso FORM all'elemento TR
infine appeso quest'ultimo alla tabella
si ottiene un errore: non è possibile appendere FORM (vedi immagine allegata)

ho creato l'elemento RIGA,appeso i figli TD; alla fine appeso RIGAall'elemento FORM
infine appeso quest'ultimo alla tabella
la riga non risulta visibile ma c'è (vedi immagine allegata)

nessuna idea?
thx

**cavicchiandrea** · 03-03-2008, 17:21

Per iniziare benvenuto, non sono dove possa essere l'errore (anche perché non posti una riga di codice) ma ti posso garantire che questo è perfetto e dovrebbe fare al caso tuo.

P.S. chiaramente va adattato alle tue necessità.

**HumptyDumpty** · 03-03-2008, 18:48

grazie 1000. Effettivamente scritta così la questione è criptica.
Il problema che trovo è dove appendere per ogni riga i tag FORM.

Allego il codice che sto tentando di implementare: dovrebbe aggiungereuna riga con la FORM da inviare alla tabella .

Il problema che non riesco ad appendere l'elemento FORM nel modo corretto per far funzionare il pulsante "invia".

codice:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<script type="text/JavaScript">

function Aggiungi_riga(id){
	_tab=document.getElementById(id);
	_TbobyTab=_tab.getElementsByTagName("tbody")[0];
	riga=document.createElement("tr");

	form_invia=document.createElement("form");
    form_invia.setAttribute("action","file.cgi");
    form_invia.setAttribute("method","post");

	var btn=document.createElement("input");
    btn.setAttribute("type","submit");
    btn.setAttribute("value","Invia");
	
	var imp1=document.createElement("INPUT");
	imp1.setAttribute("type","text");
	var imp2=document.createElement("INPUT");
	imp2.setAttribute("type","text");

	cella1=document.createElement("td");
	cella1.appendChild(imp1);
	cella2=document.createElement("td");
	cella2.appendChild(imp2);	
	cella3=document.createElement("td");
	cella3.appendChild(btn);	

	riga.appendChild(cella1);
	riga.appendChild(cella2);
	riga.appendChild(cella3);

	_TbobyTab.appendChild(riga);
}
</script>
</head>
<body>
<table width="31%" border="2" cellpadding="0" cellspacing="0" bordercolor="#666666" bgcolor="#CCCCCC" id="xxx">
  <tr>
    <td width="13%">valore1</td>
    <td width="13%">valore2</td>
    <td width="74%">invia</td>
  </tr>
</table>


</p>
<input type="submit" name="Submit" value="prova 1" onclick="Aggiungi_riga('xxx')"/>


</p>


</p>


</p>
</body>
</html>

**Xinod** · 03-03-2008, 19:06

a parte che il form neanche lo provi ad appendere,
ma non e' che il DOM ti permette di fare cose che nell' xhtml non sono consentite:
un elemento table ha solo determinati figli possibili e tra questi sicuramente non vi e' <form>,
quindi, o tutto il form va in un solo <td> o esiste un form al di fuori della tabella stessa
ciao

**HumptyDumpty** · 03-03-2008, 19:17

chiaro che nel codice non lo appendo,non sapevo quale delle n prove inserire..
comunque altrettanto chiara è la risposta: le form non possono essere "mescolate" ai tag delle tabelle, dovrò trovare un altro modo per allineare il contenuto delle righe

grazie delle spiegazioni

Discussione: Tabelle,form e DOM

Strumenti discussione

Ricerca discussione

Visualizza

Tabelle,form e DOM

Permessi di invio