Per me è difficile questa: Duplicare div contenente campi form hidden

[santino83_11_04]

Salve,

una domandina:

io ho un div del genere:

<div id="pincopallino">
<input type="hidden" name="colore" value="">
<input type="hidden" name="metallizzato" value="">
Colore: <span id="da_visualizzare"></span>
</div>

all'inizio il div è nascosto. io ho un form con una text per inserire il colore e una select per selezionare se metallizzato o meno e un pulsante "inserisci colore"

ora, io voglio fare questo:

l'utente inserisce il colore, sceglie se matllizzato o meno, clicca sul pulsante "inserisci colore" e il div con id "pincopallino" appare con la stringa Colore: colore_scelto e quando poi andrò a ricavare i valori del form anche i campi hidden devono essere riempiti...

spero di essere stato chiaro ora, come faccio a duplicare il div e a riempirlo?

[santino83_11_04]

mai mettere in dubbio le proprie capacità

<script language="javascript">

var num_colori;
num_colori=0; //contatore colori (solo incrementale)

function insColore(){

var colore,metallizzato;  //variabili recuperate

colore=document.nuovo.colore_s.value;
metallizzato=document.nuovo.metal_s.options[document.nuovo.metal_s.selectedIndex].value;

if(colore!='' && colore !=null)
{
	//************inserisco il colore
	
	//duplico il div
	num_colori++;
	var source=document.getElementById('pincopallino');
	var obj=source.cloneNode(true);
	obj.setAttribute('id','pincopallino'+num_colori);
	
	//assegno i valori
	obj.getElementsByTagName('colore').value=colore;
	obj.getElementsByTagName('metallizato').value=metallizzato;
	obj.innerHTML="<span class='homebody'>Colore: "+colore+""+metallizzato+"</span>";
	obj.style.visibility='visible';
	document.getElementById('contenitore_colori').appendChild(obj);
}


}//Fine

</script>