Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.99 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 https://www.iltelaiodipenelope.it/tutorial/index.php
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 ^_^
90%
Voti totali: 8
Rating... 5





Commentario...

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

Nickname
Home page
B i U   ^_^ o_O O_O *_* ♥ Gif...

  


~ Pagina visitata da 2431 utenti


 H: 
Felice Estate e ...buon sabato!





Segui il telaio su Facebook

Privacy Policy Cookie Policy

* 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 ::..



..:: html ::..





..:: Script page ::..



..:: Script gadget ::..


Accessori e gadget del telaio...


Spazio web...

Realizzare e gestire un sito web
nell'hosting free più famoso...

Un sito su Altervista

Materiale grafico

Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!

Gif & co...




I vostri messaggi...

Luca
04/06/2025 22:41:43
Ciao
ೡ Scritto in... html e script Tutorial...
 
filod'arianna
01/06/2025 09:15:59
Ciao Penelope ! Torno qui per prelevare un banner 88x31, lo inserisco nel mio forum, si troverà nello spazio "Amici non affiliati" dopo le sezioni, in fondo al forum. Ho inserito anche l'iniziativa "Help Donna" che si troverà sempre dopo le sezioni, nello spazio a lei dedicatole.Un abbraccio, a presto:-)Il mio forum[Link]
ೡ Scritto in... Banner link del telaio ^_^
 
Cleo
22/05/2025 07:05:05
ciao tesoro auguri per ieri ti aspetto qui [Link]
ೡ Scritto in... Home
 
olga
05/05/2025 20:37:45
prelevato widget post e commenti.Grazie
ೡ Scritto in... Home
 
Cleo
28/04/2025 06:48:25
buon giorno tesoro e buona settimana sempre meraviglioso qui e grazie per tutto
ೡ Scritto in... Home
 
Grazia
25/04/2025 09:58:21
Buongiorno cara Penny, eccomi qui a lasciarti un carissimo saluto ed a ringraziarti della tua carinissima visita nel sito grafico ^_^ Ti lascio un forte abbraccio e sempre complimenti di cuore 💓
ೡ Scritto in... Home
 
ೡPenelope ♥
23/04/2025 16:44:57
Grazie infinite cara Gabriella
ೡ Scritto in... Decori per pagine web
 
Cleo
14/04/2025 07:51:14
Tesoro buon giorno come stai?? scusa se ti disturbo volevo saperese a te Ws ftp funziona per salvare tutto sul sito altervista a me non sta funzionando piu io ho winws10 tu cosa utilizzi mi puoi aiutare appena apro wstp si chiude non sto riuscendo a pubblicare grazie in anticipo un abbraccio e buona settimana santa tesoro
ೡ Scritto in... Contatti
 
Gabriella
29/03/2025 13:09:27
Ciao Penny, che meraviglia ! Li preleverei tutti, intanto ne ho prelevato uno ma c'è veramente l'imbarazzo della scelta . Complimenti come sempre !
ೡ Scritto in... Decori per pagine web
 
Grazia
09/03/2025 18:13:32
Ciao Penny, sono passata a lasciarti un salutino di buona domenica ed anche a ringraziarti per aver inserito il mio bannerino. Un abbraccio forte ed alla prossima :) Ciaooo
ೡ Scritto in... Home