Benvenuto su Oceano Risorse per Webmasters
Modules
· Home
· Argomenti
· Backgrounds
· Banner Maker
· Cerca
· Community
· Downloads
· Flash Tools
· Free Javascripts
· Gallery
· Gif Animate
· Indicizzazione
· Javascript Kit
· Raccomandaci
· Scambio Banner
· Themes
· Wallpapers
· Web Links

Languages
Select Interface Language:

English Italian

Altervista

Scambio Banner

Gallery




Partners


Open Source software development website

HTML.it - il portale italiano sul web publishing

Dynamic Drive - DHTML code library

Free JavaScripts, Tutorials, Example Code

BOORP - archivio di risorse gratuite

Shinystat

 
Javascript Un messaggio diverso ad ogni ora del giorno
Postato da webmaster il Saturday, 01 November @ 08:00:00 CET
Contributed by 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
· News by webmaster


Articolo più letto relativo a Javascript:
Links di menù scorrevoli


Valutazione
Punteggio Medio: 5
Voti: 1


Vota per questo articolo:

Eccellente
Ottimo
Buono
Sufficente
Cattivo



Opzioni

 Pagina Stampabile  Pagina Stampabile

 Invia questo Articolo ad un Amico  Invia questo Articolo ad un Amico


Argomenti Associati

Javascript





Web site powered by PHP-Nuke

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.
Web site engine code is Copyright © 2003 by PHP-Nuke. All Rights Reserved. PHP-Nuke is Free Software released under the GNU/GPL license.
Generazione pagina: 0.046 Secondi