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 Un messaggio diverso ad ogni ora del giorno
Postato da webmaster il Saturday, 01 November @ 07:00:00 CET
Contributo di webmaster

Il javascript offre una soluzione estremamente semplice, grazie alla sua capacità di verificare l'ora locale dell'utente, per l'inserimento di messaggi automatici. Nell'esempio dell'articolo ci siamo limitati ad un piccolo saluto, ma partendo da questo codice si possono realizzare messaggi ed effetti più complessi.

Lo script si compone di una sezione javascript direttamente inserita nel corpo della pagina.

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

È possibile aggiungere tutte le risorse che si desidera al posto dei messaggi, anche se va precisato che il browser caricherà in memoria tutti gli elementi anche prima di visualizzarli. Lo script si limita solo a renderli visibili o invisibili. Ciò significa che se volessimo utilizzare lo script per una presentazione di fotografie in un'uica pagina web, va precisato che l'utente dovrà attendere, prima di rendere operativa la pagina e i links, il caricamento di tutte le immagini, visibili e non visibili, incluse nella galleria.

Vediamo nel dettaglio il funzionamento dello script. Per prima cosa si crea una variabile (oracorrente) e si assegna ad essa il valore dell'ora locale (grazie al metodo getHours) partendo dalla data (oggetto Date). Quindi, con una serie di espressioni condizionali (if/else if/else), si crea un messaggio ad hoc per ciascuna fase della giornata. Lo facciamo confrontando l'ora corrente con parametri che è ovviamente possibile personalizzare. Se il valore dell'ora, come nel primo caso, è inferiore a 5 (< 5), significa che siamo in piena notte e il messaggio si adegua di conseguenza. Così avviene per le possibilità successive.

La personalizzazione può avvenire innanzitutto per i valori delle ore prese come riferimento, ma anche nell'output. Ricordiamo infatti che con document.write si possono creare intere sezioni di codice html. Al posto del messaggio in forma di testo, per esempio, si potrà visualizzare un'immagine o un'icona ad hoc. L'unico limite diventa la fantasia.




 
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

Associated Topics

Javascript





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

Theme by

© Oceanoweb