Questo script potrebbe avere come migliori campi di applicazione
siti destinati all'e-commerce. Consente infatti di costruire un modulo form
il cui ultimo elemento accoglie la somma dei valori inseriti nei campi precedenti,
somma che si aggiorna automaticamente in base a quanto inserito dall'utente.
Lo script, che si compone di una sezione javascript e di un richiamo html,
va inserito nel corpo della pagina web, fra i tags <body> e </body>.
<!-- INIZIO CODICE -->
<script language="javascript" type="text/javascript">
<!--
function startCalc(){
interval = setInterval("calc()",1);
}
function calc(){
primo = document.autoSumForm.primoBox.value;
secondo = document.autoSumForm.secondoBox.value;
terzo = document.autoSumForm.terzoBox.value;
document.autoSumForm.sommaBox.value = (primo * 1) + (secondo * 1) + (terzo * 1);
}
function stopCalc(){
clearInterval(interval);
}
</script>
<!-- FINE CODICE -->
<!-- INIZIO CODICE -->
<form name="autoSumForm">
<input type=text name="primoBox" value="" onFocus="startCalc();"
onBlur="stopCalc();"> +
<input type=text name="secondoBox" value="" onFocus="startCalc();"
onBlur="stopCalc();"> +
<input type=text name="terzoBox" value="" onFocus="startCalc();"
onBlur="stopCalc();"> = <input type=text name="sommaBox">
</form>
<!-- FINE CODICE -->
Per aggiungere altri campi basterą incrementare i valori "document.autoSum"
nella funzione "calc()" del codice javascript ed aggiungere altri campi "imput"
nel codice html.
Ad esempio per aggiungere un quarto campo allo script dell'articolo, bisognerą inserire
la stringa
quarto = document.autoSumForm.quartoBox.value;
nel codice javascript, subito dopo la stringa terzo = document.autoSumForm.terzoBox.value;,
incrementare le voci del comando document.autoSumForm.sommaBox.value
aggiungendo il valore
+ (quarto * 1)
ed incrementare il numero dei campi nel form html aggiungendo un altro
campo di input:
<input type=text name="quartoBox" value="" onFocus="startCalc();"
onBlur="stopCalc();">.
Il campo <input type=text name="sommaBox"> č quello che accoglie la
somma dei valori degli altri campi, quindi va lasciato per ultimo.
Somma automatica
