Benvenuto su Oceano Risorse per Webmasters
Modules
· Home
· Argomenti
· Backgrounds
· Banners
· Colorhex
· Downloads
· Fonts
· Gallery
· Gif Animate
· Javascripts
· Manuali
· Recommend Us
· Themes
· Wallpapers
· Web Links
Gallery



Partners
Hosting gratuito

Open Source software development website

HTML.it - il portale italiano sul web publishing

Gratis.it

Dynamic Drive - DHTML code library

BOORP - archivio di risorse gratuite
Shinystat
 
Javascript Somma automatica
Postato da webmaster il Thursday, 30 October @ 08:00:00 CET
Contributo di webmaster

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>.

La sezione Javascript


<!-- 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 -->


La parte HTML

<!-- 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.



 
Links Correlati
· Indice Javascript
· Inoltre Javascript
· News by webmaster


Articolo più letto relativo a Javascript:
Reload automatico della pagina

Valutazione Articolo
Average Score: 5
Voti: 2


Please take a second and vote for this article:

Eccellente
Molto Buono
Buono
Regolare
Cattivo

Opzioni

 Pagina Stampabile Pagina Stampabile





Questo sito è ospitato gratuitamente da Altervista
Tutti i logos e i marchi presenti in questo sito sono dei loro proprietari.
I commenti sono proprietà  di chi li ha postati, tutto il resto © 2002 by Oceano Risorse per Webmasters
PHP-Nuke Copyright © 2005 by Francisco Burzi. This is free software, and you may redistribute it under the GPL. PHP-Nuke comes with absolutely no warranty, for details, see the license.
Generazione pagina: 0.05 Secondi

Theme by

© Oceanoweb