calcolo sconto on line

**simonetta2000** · 10-10-2009, 12:16

salve ragazzi
premetto che non conosco bene javascript

ho un sito in joomla , dentro ho inseirto chrono form ..per la compilazione di un modulo di iscrizione on line..all'interno del modulo dovrei inserire ..una tabella di verifica per calcolare lo sconto

prodotto a tot mensile sconto 10% risparmio mensile
prodotto b tot mensile sconto 5% risparmio mensile

totale risparmio mensile

x 12 mesi totale risparmio annuo

indubbiamente se conoscessi javascript ..sarei capace di costruirlo ...chiedevo gentilemtne se qualcuno conosce qualche script che io possa adattare per questa esigenza

grazie

( i risultati della tabella non mi serve che vengano riportati dal modulo..e' sufficente che rimangano li' visibili a chi deve iscriversi )

**simonetta2000** · 11-10-2009, 11:45

salve ragazzi... sono riuscita ad arrivare fino a qui
<script language="JavaScript">
function calculate()
{
var subtotal = eval(document.form.subtotal.value);
var salestaxvalue = ".20";//this is the sales tax percentage. Can be changed to any value you want.
var salestax = subtotal * salestaxvalue - subtotal;//mathematically determines the actual total plus sales tax
document.form.tax.value = subtotal * salestaxvalue;//the sales tax amount
document.form.total.value = salestax;//your total value
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form">
<div align="center">

<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">totale lordo</font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">totale scontato</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">sconto</font></td>
<td></td>

</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="subtotal" size="10" onBlur="calculate();">

+ </font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="total" size="20">
</font></td>

<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="tax" size="10">
= </font></td>
<td> </td>
</tr>

</table>

</p>
</div>
</form>

praticamente di una voce ... mi calcola lo sconto

solo che non so come dirgli che le voci sono quattro ...da scontare
quindi dovrei ripetere quattro volte il campo totale ...fare la somma dei totali parziali della percentuale di sconto per avere totale sconto mensile e quindi moltiplicare per 12 per avere il totale annuo risparmiato

potreste suggerirmi quali funzioni studiarmi?
grazie

**cavicchiandrea** · 11-10-2009, 12:10

Leggi qui comunque un minimo di conoscenza del linguaggio javascript anche solo per capire come funziona uno script occorre, altrimenti avrai molte + difficoltà.

**simonetta2000** · 11-10-2009, 16:02

grazie andrea ....ci son riuscita ..in pratica funziona tutto ..molto ...terra terra...
potresti aiutarmi solo dicendomi se ci sono errori anche se funziona ad esempio quando clicco sul secondo campo mi dice Nan ....e ..come posso fare anziche' due tasti ..somma e esegui
usarne solo uno che in automatico mi dia somma sconto mensile e annuale?

incollo codice qui ..se te o chi ha voglia puo' darmi una mano ve ne sono grata

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function calculate()
{
var subtotal = eval(document.form.subtotal.value);
var subtotal2 = eval(document.form.subtotal2.value);
var subtotal3 = eval(document.form.subtotal3.value);

var salestaxvalue = ".20";//this is the sales tax percentage. Can be changed to any value you want.
var salestax2value = ".05";//this is the sales tax percentage. Can be changed to any value you want.
var salestax3value = ".15";//this is the sales tax percentage. Can be changed to any value you want.

var salestax = subtotal * salestaxvalue - subtotal;//mathematically determines the actual total plus sales tax
var salestax2 = subtotal2 * salestax2value - subtotal2;//mathematically determines the actual total plus sales tax
var salestax3 = subtotal3 * salestax3value - subtotal3;//mathematically determines the actual total plus sales tax

document.form.tax.value = subtotal * salestaxvalue;//the sales tax amount
document.form.tax2.value = subtotal2 * salestax2value;//the sales tax amount
document.form.tax3.value = subtotal3 * salestax3value;//the sales tax amount

document.form.total.value = salestax;//your total value
document.form.total2.value = salestax2;//your total value
document.form.total3.value = salestax3;//your total value

}
function sum() {
var a = parseInt(document.form.tax.value);
var b = parseInt(document.form.tax2.value);
var c = parseInt(document.form.tax3.value);
var d = a + b + c;
document.form.somma.value = d;

}
function moltiplicazione()
{ var a=parseInt(document.form.somma.value)
var b=parseInt(document.form.addendo2.value)
document.form.risultato.value= a * b
}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="form">
<div align="center">

<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">

<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal alim </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax 20% </font></td>
<td></td>

</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€

<input type="text" name="subtotal" size="10" onBlur="calculate();">

+ </font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="total" size="20">
</font></td>

<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="tax" size="10">

= </font></td>
<td> </td>
</tr>

</table>
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal2 carb </font></td>

<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total2</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax2 5% </font></td>
<td></td>
</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="subtotal2" size="10" onBlur="calculate();">

+ </font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input type="text" name="total2" size="20">
</font></td>
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="tax2" size="10">
= </font></td>

<td> </td>
</tr>
</table>
<table border="0" cellspacing="0" cellpadding="2" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal3 assic </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total3</font></td>

<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax3 15% </font></td>
<td></td>
</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="subtotal3" type="text" id="subtotal3" onBlur="calculate();" size="10">
+ </font></td>

<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input name="total3" type="text" id="total3" size="20">
</font></td>
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="tax3" type="text" id="tax3" size="10">
= </font></td>
<td> </td>

</tr>
</table>
<table width="31%" border="0" cellpadding="0">
<tr>
<td width="29%" align="center" bgcolor="#003366"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Totale risparmio mensile</font></td>
<td width="36%" align="center"><input name="fform" type="button" id="fform4" onClick="javascript:sum();" value="Somma"></td>
<td width="35%" align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">€</font> <input name="somma" type="text" size="10"></td>
</tr>
<tr>
<td height="61"><div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Totale risparmio annuo </font></div></td>
<td><input name=addendo2 value="12" size="5">
<input name="button" type=button onClick=moltiplicazione() value=Calcola></td>
<td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">€</font> <input name=risultato size="10"></td>
</tr>
</table>

</p>

</p>

</p>

</p>
</div>
</form>
</body>
</html>

**cavicchiandrea** · 11-10-2009, 20:33

Questo dovrebbe andare bene:

codice:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
function calculate()
{
var importo = document.getElementById("importo").value
var importo1 = document.getElementById("importo_1").value
var importo2 = document.getElementById("importo_2").value
var imp_scontato = document.getElementById("imp_scontato").value
var imp_scontato1 = document.getElementById("imp_scontato_1").value
var imp_scontato2 = document.getElementById("imp_scontato_2").value
var tax = document.getElementById("tax").value
var tax1 = document.getElementById("tax1").value
var tax2 = document.getElementById("tax2").value
var sconto = (importo*.20)
var decimali = (sconto.toString().lastIndexOf('.')!=-1)? sconto.toFixed(2) : sconto
document.getElementById("tax").value = decimali
document.getElementById("imp_scontato").value = (importo-sconto)
var sconto1 = (importo1*.05)
var decimali1 = (sconto1.toString().lastIndexOf('.')!=-1)? sconto1.toFixed(2) : sconto1
document.getElementById("tax1").value = decimali1
document.getElementById("imp_scontato_1").value = (importo1-sconto1)
var sconto2 = (importo2*.15)
var decimali2 = (sconto2.toString().lastIndexOf('.')!=-1)? sconto2.toFixed(2) : sconto2
document.getElementById("tax2").value = decimali2
document.getElementById("imp_scontato_2").value = (importo2-sconto2)
var rispMese = (sconto+sconto1+sconto2)
var decimaliMese =(rispMese.toString().lastIndexOf('.')!=-1)? rispMese.toFixed(2) : rispMese
var rispAnno = (rispMese*12)
var decimaliAnno = (rispAnno.toString().lastIndexOf('.')!=-1)? rispAnno.toFixed(2) : rispAnno
eval(document.getElementById("risp_mese").value=decimaliMese)
eval(document.getElementById("risp_anno").value=decimaliAnno)


}
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000">
<form name="f1">
<div align="center">




<table width="45%" border="0" cellpadding="2" cellspacing="0" bordercolor="#000000">

<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal alim </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax 20% </font></td>
</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€

<input name="importo" type="text" id="importo" onkeyup="calculate();" size="10">

- </font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input name="imp_scontato" type="text" id="imp_scontato"  size="20" readonly>
=
</font></td>

<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="tax" type="text" id="tax" size="10" readonly>
</font></td>
</tr>

</table>
<table width="45%" border="0" cellpadding="2" cellspacing="0" bordercolor="#000000">
<tr align="center" bgcolor="#003366">
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal2 carb </font></td>
<td><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total2</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax2 5% </font></td>
</tr>
<tr align="center">
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input type="text" name="importo_1" id="importo_1" size="10" onkeyup="calculate();">

- </font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input name="imp_scontato_1" type="text" id="
imp_scontato_1" size="20" readonly> 
=
</font></td>
<td><font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="tax1" type="text" id="tax1"  size="10" readonly>
</font></td>
</tr>
<tr align="center" bgcolor="#003366">
<td width="94"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">subtotal3 assic </font></td>
<td width="146"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">total3</font></td>

<td width="87"><font face="Verdana, Arial, Helvetica, sans-serif" size="1" color="#FFFFFF">tax3 15% </font></td>
</tr>
<tr align="center">
<td align="center"> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="importo_2" id="importo_2" type="text" onkeyup="calculate();" size="10">
- </font></td>

<td align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="2">
<input name="imp_scontato_2" type="text" id="imp_scontato_2" size="20" readonly> 
=
</font></td>
<td> <font face="Verdana, Arial, Helvetica, sans-serif" size="2">€
<input name="tax2" type="text" readonly id="tax2" size="10">
</font></td>
</tr>
<tr bgcolor="#003366">
  <td colspan="2"><font color="#FFFFFF"></font><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Totale risparmio mensile</font><font color="#FFFFFF"></font></td>
  <td align="center" bgcolor="#003366"></td>
</tr>
<tr>
  <td colspan="2"></td>
  <td align="center"><font color="#000000">€
    <input name="risp_mese" id="risp_mese" readonly type="text" size="10">
  </font></td>
</tr>
<tr>
  <td colspan="2" bgcolor="#003366"><font color="#FFFFFF" size="1" face="Verdana, Arial, Helvetica, sans-serif">Totale risparmio annuo</font></td>
  <td bgcolor="#003366"></td>
</tr>
<tr>
  <td colspan="2"></td>
  <td align="center"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">€</font>
    <input name="risp_anno" id="risp_anno" readonly size="10"></td>
</tr>
</table>
</div>
</form>
</body>
</html>

**simonetta2000** · 11-10-2009, 20:46

anche se ho messo tutto il mio buon impegno da stamani

cosi' non sarei mai riuscita a farlo

ti ringrazio andrea

Discussione: calcolo sconto on line

Strumenti discussione

Ricerca discussione

Visualizza

calcolo sconto on line

Permessi di invio