Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.60 secondi
Link navigazione : Home telaioHome ~ 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 1963 utenti


 H: 
Buona Primavera e ...buona domenica!





* 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
con l'hosting free più famoso...



Gif  & co... Penelope ♥


Pagina Facebook
del telaio...




 

I vostri messaggi...

Grazia
02/03/2024 06:44:00
Ciao Penny cara,sono passata per augurarti buon sabato... complimenti per le novità ed un abbraccio forte! 😘♥
ೡ Scritto in... Il telaio di Penelope...
 
Cleo
24/02/2024 11:03:51
ciao tesoro ti auguro un buon fine settimana
ೡ Scritto in... Il telaio di Penelope...
 
Nonna Dani
22/02/2024 16:37:27
Bellissimo il tuo blog ho preso l'almanacco e il calendario. Complimenti. Ciao
ೡ Scritto in... Almanacco menu
 
Grazia
18/02/2024 17:18:01
Ciao carissima Penny, auguro anche a te una buona domenica, grazie di essere passata nel Taccuino ♥ Un abbraccio forte e serena serata...a presto!
ೡ Scritto in... Il telaio di Penelope...
 
Lula
15/02/2024 15:32:39
Ciao cara come stai? Spero bene sono passata per un saluto veloce ♥
ೡ Scritto in... Iframe
 
Grazia
07/02/2024 07:45:12
Ciao Penny cara, mentre continuo l'interminabile lavoro per il mio sitino nuovo, sono passata a lasciarti un salutino veloce ♥ Spero sia tutto ok :) Cerco di fare, nei limiti delle mie possibilità, molte cose in contemporanea, avendo tante passioni (a proposito, grazie del tuo voto alla mia poesia su Instagram ♥ ) e quindi sono come te sempre di corsa, ma le amiche vengono prima di tutto. Un abbraccio e mille complimenti come sempre!
ೡ Scritto in... Il telaio di Penelope...
 
Grazia
27/01/2024 08:50:44
Ciao Penny cara, sono passata per un salutino e per augurarti buon sabato ♥ Mentre lavoro con SharepointDesigner al nuovo spazio che ti dicevo di recente, un giro di saluti tra le amiche fa sempre piacere. Bacioni ♥
ೡ Scritto in... Il telaio di Penelope...
 
Penelope
21/01/2024 23:01:40
Cara Grazia WordPress è sicuramente la scelta migliore che si possa fare per avere uno spazio professionale semplice da gestire, conosco la piattaforma piuttosto bene e so che è anche molto versatile, per il mio telaio però preferisco un sito tradizionale mi piace trafficare con i codici ^_^ Un abbraccio forte a te
ೡ Scritto in... Iframe
 
Grazia
21/01/2024 08:21:23
Buongiorno e buona domenica Penelope! ❤️ Sai, io adoro come te i siti statici, ma per quel che riguarda gli spazi che personalmente costruisco con WordPress, sono tutti realizzati con software esterni acquistati di editing tecnico-grafico, nel mio caso non utilizzo le basi pronte fornite da Altervista, ma decido ogni singolo componente (anche la struttura interna delle pagine ecc.). Avevo bisogno di un blog per argomentare e WordPress era la scelta più professionale a disposizione! È sempre un piacere passare a trovarti, un abbraccio forte forte a te e ai ragazzi ed a presto
ೡ Scritto in... Iframe
 
Penelope
20/01/2024 22:57:04
Grazie carissima Grazia i tuoi complimenti sono davvero graditi, gli iframe sono una grande risorsa web e capire come utilizzarli al meglio può essere molto utile, spero ^_^ ho provato ad utilizzare WordPress con Altervista ma non fanno per me i cms, preferisco un sito indipendente da codici preimpostati Un abbraccio forte
ೡ Scritto in... Iframe
 

Referer...



Gestisci le opzioni di privacy