Pagina aggiornata... Venerdì, 06 Marzo 2026 * Tempo di caricamento 0.003 secondi
Link navigazione : Home telaio ೡ Home ~ Tutorial ~ Script_gadget » *Datario con saluto*

..:: Datario con saluto ::..

Con un solo script possiamo visualizzare un saluto in base a l'ora, l'ora e la data
basterà postarlo nel punto in cui vogliamo visualizzarlo e si può personalizzare facilmente


Ecco il codice


<span id="clock"></span>
<script type="text/javascript">
// Autore sconosciuto - Spiegato da iltelaiodipenelope.it - Tutorial
function AggOra() {
var mesi = new Array("Gennaio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre",
"Novembre","Dicembre");
var nomeGiorno = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
Data = new Date()
Giorno = Data.getDate()
Mese = Data.getMonth()
Anno = Data.getFullYear()
Ore = Data.getHours()
Minuti = Data.getMinutes()
Secondi = Data.getSeconds()

if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno"

if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio"

if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera"

if (Ore > 21) Saluto = "Buona notte"

if (Ore < 7) Saluto = "Ciao!"

if (Minuti < 10) Minuti = "0" + Minuti

if (Secondi < 10) Secondi = "0" + Secondi

messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno

if(!document.layers){
aggsec = setTimeout("AggOra();",1000);}

if (document.getElementById){
document.getElementById('clock').innerHTML=messaggio;}

else if (document.all){
document.all.clock.innerHTML=messaggio;}

else if(document.layers){
document.write(messaggio);}
}
AggOra();
</script>

Il datario si visualizzerà con il tipo, colore e misura di font stabilito per la pagina,
se si vuole diverso basterà scrivere lo style in linea o una classe da richiamare nella prima
riga del codice, <span id="clock" class="Nome classe"></span>

Per personalizzare i saluti in base all'ora basterà sostituirli a quelli presenti in questi parametri

if ((Ore > 6) && (Ore < 13)) Saluto = "Buongiorno"

if ((Ore > 12) && (Ore < 18)) Saluto = "Buon pomeriggio"

if ((Ore > 17) && (Ore < 22)) Saluto = "Buona sera"

if (Ore > 21) Saluto = "Buona notte"

if (Ore < 7) Saluto = "Ciao!"

Se si vuole personalizzare la visualizzazione dei vari campi del datario
la riga di codice in cui fare le modifiche è questa

* Qui il tag si spezza ma mi raccomando nello script lasciate tutto su una linea

messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno

Il datario prende lo spazio del contenitore in cui viene inserito per cui se lo postate
in una table a cui avete dato per la larghezza la misura width="150" andrà a capo nei vari campi
per conto proprio quindi regolatevi in base allo spazio che occupano man mano i saluti e i mesi

Se volete il datario su più righe inserite voi nello script un <br>
prima o dopo un determinato parametro, tra le virgolette che ho evidenziato,
vediamo un esempio pratico, datario su due righe:

Saluto sono le 00 : 00 : 00
di giorno settimana giorno mese anno

Metteremo un a capo prima di "di"

messaggio = Saluto + " sono le " + Ore + " : " + Minuti + " : " + Secondi + " <br>di " + nomeGiorno[Data.getDay()] + " " + Giorno + " " + mesi[Mese] + " " + Anno

Per un datario da visualizzare dentro una piccola tag

Saluto
sono le 00 : 00 : 00
di giorno settimana
giorno mese anno

Inseriamo il tag per andare a capo, <br> così:

messaggio = Saluto + " <br> sono le " + Ore + " : " + Minuti + " : " + Secondi + " <br>di " + nomeGiorno[Data.getDay()] + "<br> " + Giorno + " " + mesi[Mese] + " " + Anno

Leggendo con calma la riga di codice si capisce facilmente a cosa corrispondo
i vari parametri nei campi del datario, basta fare un po' di attenzione a non cancellare nulla.

E' possibile realizzare dei gadget molto particolari e originali utilizzando
le table, i div o tag grafiche, in colonna nel menu ..:: Basi ::..
trovate le guide dettagliate su come procedere con i vari "contenitori"

# Prelevate qui lo script




Se volete realizzare dei gadget/accessori da far prelevare vi serviranno anche:
-> Iframe -> Textarea -> Pagina anteprima gadget

Spero di essere stata chiara in tutti i passaggi ^_^
Vi auguro buon lavoro ma sopratutto buon divertimento!
Ciao alla prossima^^ Penelope ♥


Dai un giudizio a questo tutorial... Grazie ^_^

🧩 ✨ Apprezzato
91.11%
Voti totali: 9
Rating... 4




Commentario...

Scrivi qui per lasciare un saluto, una richiesta di aiuto,
un suggerimento o una critica ^_^









~ Pagina visitata da 2245 utenti





Segui il telaio su Facebook

* Info sezione...

Mi farebbe molto piacere la condivisione
dei miei tutorial ma vi sarei anche molto grata
se evitaste di fare copia e incolla su altri spazi
del mio lavoro, linkate le pagine, avvisatemi
ricambierò senza problemi. Grazie ♥


Basi e utilità pagine web



html tag scrittura pagine web





Script per pagina



Script per gadget




Preleva anche tu una tag Help donna

Aiutami a diffondere il più possibile informazioni
utili alle donne vittime di abusi... Grazie!



Link del telaio...

ೡ Il telaio di Penelope
☆ Template webset e blog
☆ Un sito su AlterVista
☆ Gif & co...





I vostri messaggi...

elise ~ 09/10/2026 16:38:03
Ciao carissima Penelope, ho preso il tuo bellissimo quadrotto fatato. Sempre bellissimo il tuo sito, pieno di creazioni stupende.BRAVISSIMA!!!!!Grazie, un abbraccione e buona serataElise
ૡScritto in Quadrotti fate
ૡPenelope ♥ ~ 22/09/2026 20:36:49
Grazie a te carissima Marina
ૡScritto in Calendario magico box small
marina ~ 20/09/2026 20:04:19
Grazie infinite per il bellissimo calendario.
ૡScritto in Calendario magico box small
ૡPenelope ♥ ~ 14/09/2026 22:32:30
Cara Filo d'arianna un po' di anni fa ho realizzato qualche grafica per ForumFree ed era un delirio non so se è ancora così ma la grafica si componeva con decine di piccole immagini, davvero tanto lavoro nemmeno gratificante purtroppo, per quanto riguarda i tutorial, sono una maniaca di html, php e js ma sulla gestione di un forum non saprei da dove partire Un abbraccio forte
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 14/09/2026 18:34:20
Carissima Filo d'arianna grazie alla tua segnalazione ho risolto un problema nel commentario purtroppo per evitare spam e messaggi sgradevoli avevo impostato un eccesso nei controlli, ripristinato, ora si può commentare e mettere url del proprio spazio senza problemi grazie infinite cara un abbraccio forte forte
ૡScritto in Home
filod'arianna ~ 14/09/2026 07:41:37
Ciao Penelope! Ho preso il Settimanello micioso:-DL'ho inserito all'interno della sezione "Appunti" sul mio forum, però ho visto che non si può più linkare qui nei messaggi, non riesco a farti vedere dove l'ho inserito. Ad ogni modo il forum è Librandosi tra le pagine, su forumfree. Un abbraccio a presto!
ૡScritto in Home
filod'arianna ~ 12/09/2026 06:52:57
Hai mai pensato di buttarti nel creare grafica e tutorial per ForumFree? 😂 Sto scherzando, ma solo a metà! Sarebbe fantastico. Ne approfitterei immediatamente
ૡScritto in Blogger Kit Autunno
ૡPenelope ♥ ~ 11/09/2026 16:56:26
Carissima Filod'arianna ti ringrazio tantissimo è il più bel complimento che si possa riceve! Un abbraccio forte e viva l'autunno!!!
ૡScritto in Blogger Kit Autunno
filod'arianna ~ 10/09/2026 07:03:48
Adoro il colore di Ortensie vorrei un blog su Blogger solo per i tuoi kit e i tuoi accessori:-D Grazie mille per tutto ciò che metti a disposizione carissima 😘N.B. Anch'io non vedevo l'ora che arrivasse un po' di fresco -.-'
ૡScritto in Blogger Kit Autunno
Cris ~ 02/07/2026 19:45:24
Ciao, sono passata per un salutino e per rivedere il tuo sito. Buona serata e buon fine settimana.
ૡScritto in *Amici del telaio...*