Messaggio di benvenuto

Messaggio di benvenuto

02/10/2005 - 20:15 (Categoria: HTML)

Questo Javascript, grazie alla sua capacita' di verificare l'ora locale dell'utente, permette di poter diversificare un qualsiasi messaggio a seconda dell'ora dell'utente.

Questo script e' compatibile con Explorer, Netscape 6, Mozilla, Safari, Opera.

Lo script va inserito tra i tag <body> e </body> della pagina, nel punto dove si vuole far apparire il messaggio, e puo' essere compreso all'interno di qualsiasi tag, dal piu' banale <h1> a strutture piu' complesse quali tabelle, elenchi puntati, etc...

<script language="Javascript" type="text/javascript">
<!-- 
oracorrente = new Date
if (oracorrente.getHours() < 5) {
document.write("Cosa ci fai qui di notte??")
}
else if (oracorrente.getHours() < 12) {
document.write("Buongiorno!!")
}
else if (oracorrente.getHours() < 17) {
document.write("Buon pomeriggio!!")
}
else {
document.write("Buonasera!!")
}

-->
</script>

La variabile oracorrente prende dall'oggetto new Date il giorno e l'ora corrente dell'utente collegato al sito.
Ora dalla variabile oracorrente, grazie al metodo getHours(), si estrapola l'ora esatta (oracorrente.getHours()).

Quindi, con una serie di espressioni condizionali (if/else if/else), confrontando l'ora corrente estrapolata (oracorrente.getHours()) con quella che abbiamo inserito noi, si crea un messaggio ad hoc per ciascuna fase della giornata.
Se il valore dell'ora, come nel primo caso, e' inferiore a 5 (< 5), significa che si e' in piena notte e il messaggio sara': Cosa ci fai qui di notte??.

Cosi' avviene per le condizioni successive.

La personalizzazione puo' avvenire oltre che per i valori delle ore prese come riferimento, anche nell'output (cioe' nella visualizzazione a schermo).
Si rammenta infatti che con document.write() si possono creare intere sezioni di codice HTML. Al posto del messaggio in forma di testo, per esempio, si potrebbe visualizzare un'immagine o un'icona ad hoc, basta sostituire il testo Cosa ci fai qui di notte?? con una, o piu' istruzioni html.

Torna indietro

AVVERTENZA:
Tutti i prodotti a cui fa riferimento questo sito sono coperti da diritto d'autore e sono marchi di fabbrica delle rispettive societa' che ne detengono i diritti. Usate le informazioni contenute in questo documento a vostro rischio. Questo documento e' gratuito ed e' fornito cosi' come si trova, e non contiene alcuna garanzia relativamente all'esattezza dei suoi contenuti. Il materiale incluso in questo sito e' tratto da varie fonti ed il sito puo' contenere inaccuratezze od errori tipografici. Le informazioni possono cambiare od essere aggiornate senza preavviso. Abbiamo scritto questo documento con la massima accuratezza possibile, ma si sa', errare e' umano. Pertanto non ci assumiamo alcuna responsabilita' per alcun danno al vostro computer, perdita di dati o qualsiasi altro problema in cui vi possiate imbattere come risultato dell'uso di questo documento. Siete fermamente invitati a fare un backup del vostro sistema prima di seguire i consigli e le procedure descritte in questo documento. Entrando in questo sito si riconoscono ed accettano implicitamente i termini e le condizioni legali sopra indicati