Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.23 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 ^_^
86.67%
Voti totali: 9
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 2582 utenti


 H: 
Buon Autunno !





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

Veronica
01/11/2025 16:58:42
Preso un tuo adottino x il mio blog
ೡ Scritto in... Home
 
Karla "SEyez"
28/10/2025 14:50:44
Bellísima!
ೡ Scritto in... Banner link del telaio ^_^
 
Elise
26/10/2025 19:43:22
Ciaoooo carissima Penelope,ho preso una fatina per il mio blog.Sei bravissima come sempre e ti ringrazio tanto.Un abbraccioneElise
ೡ Scritto in... Romantiche fate...
 
JamieSilverJsC
26/10/2025 19:08:12
Buon sera Amica!! Bellissima tuo sito!! Buon domenica
ೡ Scritto in... Home
 
filod'arianna
25/10/2025 07:27:02
Buongiorno! Ho adottato un pixel ❣😘
ೡ Scritto in... I love Winter...
 
Frann
24/10/2025 21:22:26
Ciao cara Penelope...come stai?Sono passata solo per farti sapere che ho aggiunto una casella messaggi al mio blog. Sentiti libera di lasciare un messaggio lì se vuoi :) Un abbraccio, cara.
ೡ Scritto in... Home
 
ೡPenelope ♥
24/10/2025 15:43:49
Grazie cara Veronica, perdonami se ti rispondo qui ma non sono registrata nel forum e non posso lasciare commenti ^_^ mi fa molto piacere ti piacciano le cosine che realizzo, un abbraccio forte
ೡ Scritto in... Home
 
Veronica
23/10/2025 14:37:12
Ciao ti o preso un datario con saluto
ೡ Scritto in... Pucciosi!
 
Veronica
23/10/2025 08:18:29
Ciao preso un tu adottino x il forum
ೡ Scritto in... Home
 
Cleo
22/10/2025 07:58:14
sempre ricco il tuo sito buona giornata tesoro un abbraccio
ೡ Scritto in... Home