Risorse per webmaster

L A   C O M U N I T À   V I R T U A L E   I T A L I A N A   P E R   W E B   M A S T E R S

 
 
      Tecnologie
      HTML
      CSS
      DHTML
      FLASH
      ASP
      PHP
      JSP
      PERL
      XML
      SMIL
      WIRELESS
      PALMARI
      APACHE
      MYSQL
      PICOSQL
 
      Grafica
 
      Servizi
 
      Raccolte
 
      Recensioni
 
      Analisi
 
      Disclaimer

   Per tutti
 
  .: Magazine
  .: Editor
  .: Appunti
  .: Gratis
  .: Scripts
  .: Components
 
   Home page

Partner
Magazine di tecnologie
Magazine di viaggio e turismo
Magazine di musica e spettacoli
Negozio di Informatica
Basilicata turismo
Food e territori
Agenzia di comunicazione turistica e Digital PR

versione stampabile Mostra una versione adatta per la stampa  

Livello di difficoltà:Livello di difficoltà: medio  
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.
 

 
 
Home > dhtml > teoria > 2001 > giugno > ...   © 1999-2018 Risorse.net, tutti i diritti riservati