funzione prodotto

**adp** · 22-06-2010, 11:28

salve ragazzi houn problema sto facendo una funzione che mi dovrebbe calcolare il prodotto tra prezzo e quantita' di un form, il prezzo è impostato a priori, la quantita' deve essere rilevata dal un campo text, poi effettuato il prodotto e poi il risultato dovrebbe andare in un altro campo text, nell'esempio sottstante in prezzo totale.
il frammento di codice è il seguente:

codice:

function calcola1 (prezzo) {
this.prezzo=prezzo
var calcola_somma1 = 0.00;
var articoli=document.getElementById('quantita');
calcola_somma1 = Math.round(prezzo * articoli * 100)/100;
document.getElementById('totale').value=calcola_somma1;



}
</script></head>
<form name="modulo">
<body>
<table align="center" width="960px" border="0" cellpadding="3">
<tr id="esterna"><td>Articolo</td><td>Immagine</td><td>Prezzo</td><td >Quantita'</td><td >Prezzo Totale</td></tr>
<script language="JavaScript" type="text/javascript">


for (i=0;i<articoli.length;i++)
{
document.write("<tr id=interna><td>",articoli[i].nome,"</td>")
document.write("<td  align=center><img src=\"",articoli[i].imm,"\"border=0></td>")
document.write("<td>",articoli[i].prezzo,"</td>")
document.write("<td><input type=text id= quantita value=\"\" onChange=calcola1(articoli[",i,"].prezzo)></td>")
document.write("<td><input type=text id=totale value=\"0.00\"></td>")
document.write("<td><input type=button value=\"Aggiungi al carrello\" onclick=\"aggiungiCarrello(articoli[",i,"].nome,articoli[",i,"].prezzo)\"></tr>")
}

quando esco dal campo quantita il prezzo totale mi appare NAN, come mai? ho la vaga impressione che nn viene recuperato la quantita' effettiva da quantita', come posso rislvere?
grazie 100000

**softhare** · 24-06-2010, 20:33

Nella funzione calcola1(prezzo) il codice

var articoli=document.getElementById('quantita');

non restituisce un valore, ma un oggetto.

Cambialo con:

var articoli=document.getElementById('quantita').value ;

e forse risolvi...

**adp** · 24-06-2010, 20:38

Si risolvo, ma stranamente solo al primo articolo mi da il prodotto, il resto delle righe nn fa nulla,............come mai????

**mxa** · 24-06-2010, 20:50

guarda che l'id per definizione e' univoco.
tu stai mettendo articoli.length volte un textfield che ogni volta ha lo stesso id.
assumo quindi che il getElementById ti prenda solo il primo.

**adp** · 24-06-2010, 21:01

e quindi come si dovrebbe risolvere dovrei fare per ogni articolo

codice:

for (i=0;i<articoli.length;i++)
{
document.write("<tr id=interna><td>",articoli[i].nome,"</td>")
document.write("<td  align=center><img src=\"",articoli[i].imm,"\"border=0></td>")
document.write("<td>",articoli[i].prezzo,"</td>")
document.write("<td><input type=text id= quantita value=\"\" onChange=calcola1(articoli[",i,"].prezzo)></td>")
document.write("<td><input type=text id=totale value=\"0.00\"></td>")
document.write("<td><input type=button value=\"Aggiungi al carrello\" onclick=\"aggiungiCarrello(articoli[",i,"].nome,articoli[",i,"].prezzo)\"></tr>")

cambiando ogni volta l'id della quantità in un altra cosa tipo in=quantita1, pero' a questo punto non posso utilizzare un ciclo for per l'array articoli per far uscire fuori appunto gli articoli.'??????

**softhare** · 25-06-2010, 08:54

Ma si che puoi!

Prova una cosa di questo genere:

codice:

function calcola1 (it) {
var prezzo=articoli[it].prezzo;
var calcola_somma1 = 0.00;
var articoli1=document.getElementById('quantita'+it);
calcola_somma1 = Math.round(prezzo * articoli1 * 100)/100;
document.getElementById('totale'+it).value=calcola_somma1;



}
</script></head>
<form name="modulo">
<body>
<table align="center" width="960px" border="0" cellpadding="3">
<tr id="esterna"><td>Articolo</td><td>Immagine</td><td>Prezzo</td><td >Quantita'</td><td >Prezzo Totale</td></tr>
<script language="JavaScript" type="text/javascript">


for (i=0;i<articoli.length;i++)
{
document.write("<tr id=interna"+i+"><td>",articoli[i].nome,"</td>")
document.write("<td  align=center><img src=\"",articoli[i].imm,"\" border=0></td>")
document.write("<td>",articoli[i].prezzo,"</td>")
document.write("<td><input type=text id=quantita"+i+" value=\"\" onChange=calcola1(",i,")></td>")
document.write("<td><input type=text id=totale"+i+" value=\"0.00\"></td>")
document.write("<td><input type=button value=\"Aggiungi al carrello\" onclick=\"aggiungiCarrello(articoli[",i,"].nome,articoli[",i,"].prezzo)\"></tr>")
}

dove generi dinamicamente l'ID dei singoli articoli usando il loro indice postposto ad una costante stringa.

**adp** · 25-06-2010, 10:00

Provato, ma nel campo totale non mi esce la cifra, ma NaN, come mai?
grazie

**softhare** · 25-06-2010, 10:41

Perchè ho copiato e modificato il tuo script originale, compreso il primo errore che ti avevo segnalato.

Aggiungi il .value e dovrebbe andare...

Discussione: funzione prodotto

Strumenti discussione

Ricerca discussione

Visualizza

funzione prodotto

Permessi di invio