textarea(e) dinamiche o simili

[ThRiX]

Ciao a tutti, ho un problema enorme, aggravato dal fatto che si avvicina il giorno della messa in opera.
il problema è questo;
ho in una pagina in php un form contenente 4 textarea, ognuna di esse è stata impostata a 26 righe come limite poichè il contenuto inserito da utente andrà stampato quindi si deve limitare il testo alle dimensioni di un a4, comunque, il mio problema è che queste textaree su firefox le ho impostate a una a 5 cols, poi a 46, 5 e 5... questo perchè scrivendo del testo in ognuna con queste impostazioni posso avere da subito un riscontro visivo di come sarà mantenuta la spaziatura e gli a capo nel foglio da stampare...
purtroppo (cm immaginavo) era troppo bello e semplice, infatti nn appena ho provato il tutto si IE le colonne sono diventate + piccole, e dove prima andavo a capo(perfettamente) ora è ancora una riga e c'è una differenza di circa 15 caratteri prima di andare a capo!

a questo punto mi è venuta in mente una cosa; tempo fa su qlc sito web ho visto sullo schermo ciò:

3 o 4 textarea in fila su una stessa riga, con accanto un pulsante col simbolo + ed uno con il simbolo -
questi due pulsanti servivano per aggiungere altre righe identiche a quella sopra, ma vuote(logicamente) per permettere all'utente di continuare a scrivere quello che sopra nn poteva fare per limiti di spazio (vedi foglio in fase di stampa) o per aggiungere un nuovo valore (esempio le fatture: riga 1: bicchieri, riga 2: piatti ecc...)....in poche parole spettacolare

spero di aver spiegato il più dettagliatamente possibile il mio problema e la soluzione ( penso) ideale, qualcuno sa come potermi aiutare???
grazie 1000 a tutti

[ThRiX]

mi scuso con tutti per la mia pigrizia...

dopo aver postato ho girato per il forum alla ricerca di codice utile per altri scopi o alla ricerca di idee...

e qui: http://forum.html.it/forum/showthrea...hreadid=988346
ho trovato la soluzione ai miei problemi. perfetta.
ora ci lavoro su, ma presto mi farò risentire in quanto vorrei aggiungere dei controlli su numero di campi(aggiunti da utente) presenti quindi aggiunti e limitare il tutto alle solite 26 righe...
grazie ancora!

[ThRiX]

Come immaginavo, mi sono arenato!
ho tirato giù il seguente codice;
va alla perfezione, dovrei solo aggiungere oltre al pulsante "+" anche quello "-"
in modo tale che ad esempio vengano inseriti dei dati errati, si possa premere sul pulsante "-" e far scomparire la riga in questione...
qualcuno saprebbe aiutarmi?
grazie a tutti

<script type="text/JavaScript">
<!--
function inserisci_campo()
{
	codice = document.createElement("input")
	codice.setAttribute("type","input")
	codice.setAttribute("name","UploadedFile")
	codice.setAttribute("id","UploadedFile")
	codice.setAttribute("size","16")
	codice.setAttribute("class","input_text")


	descrizione = document.createElement("input")
	descrizione.setAttribute("type","input")
	descrizione.setAttribute("name","UploadedFile")
	descrizione.setAttribute("id","UploadedFile")
	descrizione.setAttribute("size","40")
	descrizione.setAttribute("class","input_text")

	quantita = document.createElement("input")
	quantita.setAttribute("type","input")
	quantita.setAttribute("name","UploadedFile")
	quantita.setAttribute("id","UploadedFile")
	quantita.setAttribute("size","6")
	quantita.setAttribute("class","input_text")

	prezzo = document.createElement("input")
	prezzo.setAttribute("type","input")
	prezzo.setAttribute("name","UploadedFile")
	prezzo.setAttribute("id","UploadedFile")
	prezzo.setAttribute("size","8")
	prezzo.setAttribute("class","input_text")

	add = document.createElement("input")
	add.setAttribute("type","button")
	add.setAttribute("name","new_row_fat")
	add.setAttribute("value","+")
	add.setAttribute("onclick","inserisci_campo()")

	del = document.createElement("input")
	del.setAttribute("type","button")
	del.setAttribute("name","new_row_fat")
	del.setAttribute("value","-")
	del.setAttribute("onclick","elimina_campo()")

	aa = document.createElement("p")

	document.getElementById("fat").appendChild(codice)
	document.getElementById("fat").appendChild(descrizione)
	document.getElementById("fat").appendChild(quantita)
	document.getElementById("fat").appendChild(prezzo)

	document.getElementById("fat").appendChild(add)
	document.getElementById("fat").appendChild(del)
	document.getElementById("fat").appendChild(aa)

}
//-->
</script>
		<title></title>
	</head>
	<body>
<form ENCTYPE="multipart/form-data" id="form1" name="form1" method="post" action="..upload/upload.php">



  <input class="input_text_hidden" size="16" type="input"><input class="input_text_hidden" size="40" type="input"><input class="input_text_hidden" size="6"><input class="input_text_hidden" size="8" type="input">

  <input name="UploadedFile" class="input_text" size="16" type="input" id="UploadedFile"><input name="UploadedFile" class="input_text" size="40" type="input" id="UploadedFile"><input name="UploadedFile" class="input_text" size="6" type="input" id="UploadedFile"><input name="UploadedFile" class="input_text" size="8" type="input" id="UploadedFile"><input type="button" name="new_row_fat" value="+" onclick="inserisci_campo()">

<div id="fat"></div>
</form>
	</body>
</html>