|
Livello di difficoltà: |
|
Dynamic Html è una tecnologia approvata dal W3C per la creazione di siti Web dinamici ed interazioni client side con l'utente. In questa sezione sono disponibili centinaia di esempi ed arretrati della mailing list "Una demo Dhtml a settimana".
|
| |
Calcolo dell'età
Arretrati lista "Una demo Dhtml a settimana"
CONOSCENZE CONSIGLIATE PER QUESTO ARTICOLO: Html, Javascript
COMPATIBILITÀ: Ms Ie, Netscape, Opera
FILES ESTERNI: Nessuno
Visualizza la demo
Scarica la demo
Una premessa doverosa prima di iniziare la mailing list. Ci scusiamo per i
mancati aggiornamenti a Risorse.net e le poche liste spedite, abbiamo avuto
grossi problemi che speriamo di risolvere a breve.
Venendo invece all'esempio di oggi, è una utility per il calcolo on line
dell'età. Inserendo infatti la propria data di nascita in formato
gg/mm/aaaa, verrà restuito un prompt con gli anni.
function calcola() {
gg=document.form1.datains.value.substring(0,2)
mm=document.form1.datains.value.substring(3,5)
aa=document.form1.datains.value.substring(6,10)
dataconv=mm+"/"+gg+"/"+aa
La prima parte di Javascript, converte la data in formato americano mm/gg/aa
per i caloli.
datanasc=new Date(dataconv)
oggi=new Date()
mesims=oggi.getTime() - datanasc.getTime()
anni=Math.floor((mesims / (1000 * 60 * 60 * 24 * 30.416)/12))
if(anni<1 || anni>90) {
alert("Non puoi avere "+anni+" anni!")
}
else {
alert("Hai "+anni+ " anni")
}
document.form1.datains.value=""
document.form1.datains.focus()
}
Una volta creati i due oggetti date, uno con la data odierna e l'altro con
la data inserita, si calola la differenza in millesecondi fra le due date.
Il risultato, viene poi convertito in anni per stabilire l'età.
L'ultima parte di Javascript, verifica l'inserimento dei numeri e del
carattere /.
function verins() {
if(document.form1.datains.value.length!=10 ||
document.form1.datains.value.indexOf("/")==-1) {
alert("Hai inserito una data errata \n o in formato non valido")
document.form1.datains.value=""
document.form1.datains.focus()
}
else {calcola()}
}
Ora non ci resta che richiamare nel <BODY> il form per l'immissione della data di nascita:
<body onLoad="document.form1.datains.focus()">
<br><br>
<form name="form1">
<h2>Verifica di una data di nascita</h2>
Inserisci la tua data di nascita in formato gg/mm/aaaa<br>
<input type=text name="datains" size=10>
<input type=button value="calcola" onClick="verins()"></form>
</body>
Per qualsiasi dubbio, puoi scrivere sul Forum di Risorse.net, all'indirizzo
www.risorse.net/community/forum
L A C O M U N I T A ` D I R I S O R S E . N E T
Per accedere alle sezioni protette di Risorse.net (Forum, Newsgroup, sezione
password dell'archivio Dhtml ecc.) devi essere iscritto alla Comunità.
L'iscrizione è gratuita e viene garantita la tutela della privacy (675/96).
Visita www.risorse.net/community.
|
| |
