bottone crea descrizione dinamicamente

[Salinas]

Ciao,ho creato un form con metodo post per compilare un ordine.
adesso vorrei che tramite un controllo javaScript cliccando sul pulsante aggiungi, mi appaia un commento sulle caratteristiche del prodotto appena aggiunto nella pagina in questione (.tpl).
Vorrei anche che lo spazio dedicato alla descrizione del prodotto si crei dinamicamente ogni volta che clicko su aggiungi,in modo da avere un commento su ogni articolo acquistato, anche se non so in anticipo quanti ne compreranno.

Vi copio il form:

<form name="formOrdine" method="post" action="GestionePOST.php">
<input type="hidden" name="formOrdine" value="1" />

<table width="417" height="376" border="2" cellpadding="2" cellspacing="2" bordercolor="#003333">
<tr>
<th width="403" height="39" nowrap background="images/001.jpg" bgcolor="#00FF33" scope="col"><span class="ordine1">
Ordine</span></th>
</tr>
<tr>
<td height="66" class="ordine2"><p align="center" class="ordine2">password
<input name="pass" type="text" id="pass" maxlength="15" value="{$pass}" >
</p>
<p class="ordine2"></p> </td>
</tr>
<tr>
<td height="186" class="ordine2"><p class="ordine2">codice prodotto


<input name="codiceProdotto" type="text" id="codiceProdotto" maxlength="15" value="{$codice}" >
quantita:
<select name="articles[0][QV]">
<option value="0" selected>0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
</select>
</p>
<p align="center" class="ordine2">
<input type="button" name="Aggiungi" value="Aggiungi" onClick="aggiungi()">
</p>
<div align="center">
<label></label>
</div>
<p class="ordine2">
<label></label>
{$tot}</p></td>
</tr>
<tr>
<td height="55" class="ordine2"><label>
<div align="center">prezzo totale
<input type="text" name="totale" id="totale" value="{$totale}" >


<input type="button" name="invia" value="Odina" onClick="ordina()">
</div>
</label></td>
</tr>
</table>
</form>

[artorius]

beh, dipende da COSA vuoi aggiungere: tu parli di spazi e descrizioni, ma in termini HTML che significa? Per prima cosa, crea la parta che l'aggiungi prodotto dovrà creare, a quel punto potrò darti una traccia per farlo in JS

[Salinas]

Devo inserire del testo descrittivo nella pagina.
La parte java Script deve solo inserirlo in uno spazio prefissato(per esempio passandogli l'id) in maniera dinamica.

[Salinas]

ho provato ad inserire questo codice nelle script:

function aggiungi(){
if(document.getElementById && document.createTextNode)
{
// inanzitutto creiamo un nuovo nodo di testo
frase = document.createTextNode("Iniziamo con un esempio semplice");

// poi, recuperiamo l'elemento con l'attributo ID pari "ordine"
// e appendiamoci il nodo di testo appena creato
document.getElementById("ordine").appendChild(fras e);
}


}


Ma mi da l'errore:
Chiamata inattesa al metodo o alla proprietà di accesso

[artorius]

strano, ma sei sicuro che esista un elemento con id="ordine".

Prova ad usare innerHTML al posto di appendChild.

function aggiungi(){
if(document.getElementById)
{
// inanzitutto creiamo un nuovo nodo di testo
frase = "Iniziamo con un esempio semplice";

// poi, recuperiamo l'elemento con l'attributo ID pari "ordine"
// e appendiamoci il nodo di testo appena creato
document.getElementById("ordine").innerHTML = frase;
}


}

[Salinas]

Ho ricaricato la pagine e adesso funziona!
Però ho un problema:
Oltre al testo vorrei inserire anche il valore di una variabile presente nel form.
Vi do un esempio:

//prendo il valore della variabile
$codiceProdotto=document.getElementById("codicePro dotto").value;

//questo naturalmente non funziona
document.getElementById("ordine").appendChild(fras e+$codiceProdotto);

Se ci metto innerHTML con il nome della variabile me la visualizza,ma ogni volta che clicco sul pulsante aggiungi mi cancella tutto e mi scrive un nuovo valore,invece io voglio che si crei una lista di valori che non si cancellino all'ainserimento di uno nuovo.

[Salinas]

Ok,ho risolto.
Bastava mettere:
frase = document.createTextNode(" codice prodotto:"+$codiceProdotto);

Una domanda,qual'è il comando in javascript per andare a capo? (/n,\n,endl.....)

[artorius]

Prova con \n