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

Grafica

Servizi

Raccolte

DEMO DHTML
ESEMPI FLASH
GRATIS
SCRIPTS
COMPONENTS
APPUNTI
BANNERS
TEMPLATES
FONT

Recensioni

Analisi

Disclaimer

Per tutti

.: Magazine
.: Editor
.: Appunti
.: Gratis
.: Scripts
.: Components

Home page

Partner

Comunicati stampa
Proposte di viaggio
Prenotazione hotel
Prenota vacanze
Accessori palmari
Cerca alberghi
Guide turistiche

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

Quanti giorni mancano al prossimo Natale

Archivio di demo Dhtml

Risorse.net

<HTML> <HEAD> <TITLE>Demo dhtml - www.risorse.net</TITLE>    <script language="JavaScript"> //funzione che mostra un commento in base al periodo dell'anno in corso. //si possono cambiare i commenti modificando il testo tra le virgolette (tenendo i tag <p>) //si possono modificare le date di apparizione di un commento modificando solo i numeri dopo la parola mese function calcmes() { if (mese>0 && mese<5) { document.write("<p><p>Non è un po' presto per pensare al prossimo?") } if (mese>=5 && mese<9) { document.write("<p><p>Non sarebbe meglio pensare all'estate?") } if (mese>=9 && mese<=12) { document.write("<p><p>Non manca molto...") } } //funzione di conversione dei giorni della settimana da numeri in lettere function convgio() { if (gset==0) { gset="domenica" } if (gset==1) { gset="lunedi" } if (gset==2) { gset="martedi" } if (gset==3) { gset="mercoledi" } if (gset==4) { gset="giovedi" } if (gset==5) { gset="venerdi" } if (gset==6) { gset="sabato" } } //funzione di conversione dei mesi dell'anno da numeri in lettere function convmes() { if (mese==0) { mese="gennaio" } if (mese==1) { mese="febbraio" } if (mese==2) { mese="marzo" } if (mese==3) { mese="aprile" } if (mese==4) { mese="maggio" } if (mese==5) { mese="giugno" } if (mese==6) { mese="luglio" } if (mese==7) { mese="agosto" } if (mese==8) { mese="settembre" } if (mese==9) { mese="ottobre" } if (mese==10) { mese="novembre" } if (mese==11) { mese="dicembre" } } //funzione per il calcolo della data odierna function dataoggi() { oggi=new Date() gset=oggi.getDay() gmes=oggi.getDate() mese=oggi.getMonth() anno=oggi.getYear() } //funzione per il calcolo dei giorni mancanti al prossimo Natale (o altra ricorrenza) //per cambiare ricorrenza modificare il mese e il giorno del campo natale (formato inglese) function natale() { oggi=new Date() natale=new Date("12/25/"+ anno) giornims=natale.getTime() - oggi.getTime() giorni=Math.floor(giornims / (1000 * 60 * 60 * 24)) return giorni } </script> </head> <body> <script language="JavaScript"> //il testo all'interno delle virgolette e' modificabile (tranne i tag <h2> e </h2>) document.write("<h2>Conto alla rovescia da oggi al prossimo Natale</h2>") //chiamata alla funzione che definisce l'oggetto data dataoggi() //chiamata alla funzione del commento calcmes() //chiamate alle funzioni di conversione dei numeri della data in testo convmes() convgio() //visualizzazione della data odierna document.write("<p><p>Oggi è " + gset + " " + gmes + " " + mese + " " + anno) //visualizzazione dei giorni mancanti al prossimo Natale (o altra ricorrenza) //il testo all'interno delle virgolette e' modificabile (tranne il richiamo +natale()+) document.write(" e mancano " + natale() + " giorni al prossimo Natale") </script> </body> </HTML>

C O S A F A R E ?

. . . CON WINDOWS
Una volta evidenziato il testo, premi Ctrl+C per copiarlo e Ctrl+V per incollarlo nella tua pagina Web.

. . . CON MACINTOSH
Una volta evidenziato il testo, premi Mela+C per copiarlo e Mela+V per incollarlo nella tua pagina Web.


Home > natale > script > codice > ...		© 1999-2008 Risorse.net, tutti i diritti riservati