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

..:: Data ::..

Script per visualizzare la data in pagine web, scritto da Andrea Bianchi - web-link.it
vediamo come personalizzarlo e realizzare un datario per il nostro spazio

Possiamo visualizzare la data in quattro differenti formati, l'ultimo in ordine
di apparizione è la versione originale dello script che trovate nel sito dell'autore,
io mi sono solo divertita a "settarlo" per averlo con le varie opzioni ^_^

Lo script che useremo è molto semplice, si divide in due parti, la prima parte la posteremo
tra i tag <head> e </head> della pagina e sarà quella che conterrà i parametri con i quali sceglieremo
il formato della data che vogliamo visualizzare, la seconda parte di script, un piccolo richiamo del primo,
lo posteremo nel punto in cui vogliamo visualizzare la data e comunque sotto il tag <body>

Data semplice tipo datario:

<script type="text/javascript">
// A. Bianchi - web-link.it
//Spiegato da iltelaiodipenelope.it - Tutorial
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameMth = new Array('01','02','03','04','05', '06', '07', '08', '09', '10', '11','12');
document.write('' + now.getDate() + " / " + nameMth[now.getMonth()] + " / " + year+'');
}
</script>

# Prelevate qui lo script





Data in stile classico

<script type="text/javascript">
// A. Bianchi - web-link.it
//Spiegato da iltelaiodipenelope.it - Tutorial
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameMth = new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre','Dicembre');
document.write('' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+ '');
}
</script>

# Prelevate qui lo script





Data con giorno della settimana e datario semplice

<script type="text/javascript">
// A. Bianchi - web-link.it
//Spiegato da iltelaiodipenelope.it - Tutorial
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('01','02','03','04','05', '06', '07', '08', '09', '10', '11','12');
document.write('' +nameDay[now.getDay()]+ ' ' + now.getDate() + " / " + nameMth[now.getMonth()] + " / " + year+ '');
}
</script>

# Prelevate qui lo script





Data con giorno della settimana e datario classico

<script type="text/javascript">
// A. Bianchi - web-link.it
//Spiegato da iltelaiodipenelope.it - Tutorial
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('Gennaio','Febbraio','Marzo','Aprile','Maggio', 'Giugno', 'Luglio', 'Agosto', 'Settembre', 'Ottobre', 'Novembre','Dicembre');
document.write('' +nameDay[now.getDay()]+ ' ' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+ '');
}
</script>

# Prelevate qui lo script





Quindi postate tra i tag <head> e </head> della pagina lo script nella versione
che preferite e sotto il tag <body> nel punto in cui volete visualizzare la data nella pagina
scrivete il piccolo tag di richiamo che è lo stesso per tutte le versioni dello script

<script type="text/javascript">WebDate(); </script>

# Prelevate qui lo script




La data si visualizzerà con il tipo, colore e misura di font stabilito per la pagina,
se si vuole diverso basterà scrivere una classe o uno style in linea, nella versione originale era
presente il parametro per inserire appunto la personalizzazione dello style ma siccome andava
a capo per i fatti propri io l'ho eliminato >_< se preferite lo potete ripristinare

- Nella parte di script che permette la visualizzazione della data trovate delle virgolette vuote:

document.write('' + now.getDate() + " / " + nameMth[now.getMonth()] + " / " + year+ '');

- Inserite i parametri che vi occorrono così:
* Qui il tag si spezza ma mi raccomando nello script lasciate tutto su una linea

document.write('p style="parametri font"' + now.getDate() + " / " + nameMth[now.getMonth()] + " / " + year+ '/p');


Smanettando sempre con la riga di codice che vi ho mostrato sopra è possibile fare
delle altre piccole personalizzazioni, ad esempio se al posto delle barre volete dei trattini
facendo sempre attenzione a non cancellare nulla sostitute così:

document.write('' + now.getDate() + " - " + nameMth[now.getMonth()] + " - " + year+ '');

- Se volete meno spazio tra un campo e l'altro della data, togliete lo spazio
tra i separatori e le virgolette che li contengono

document.write('' + now.getDate() + "-" + nameMth[now.getMonth()] + "-" + year+ '');

Ecco un esempio pratico

Se invece vogliamo visualizzare la data su più righe, tipo il giorno della settimana e poi a capo
il datario semplice o classico che sia, basterà inserire un <br> accanto al tag di richiamo

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

document.write('' +nameDay[now.getDay()]+ ' <br> ' + now.getDate() + " " + nameMth[now.getMonth()] + " " + year+ '');


Possiamo scrivere del testo o mettere altri script che si visualizzino prima e/o dopo la data,
un esempio pratico lo vedete all'inizio di ogni pagina di questa sezione

•°o. Buona notte O_o Benvenuti in html & script Tutorial
Oggi è Giorno Settimana 0 Mese 0000 H: 00:00:00 Buona navigazione...

In questo caso io ho postato lo script per il saluto ad orario, un messaggino di benvenuto,
lo script per la data, uno script per l'ora e un'altro piccolo testo per augurare buona navigazione,
motivo per cui avevo tolto il parametro per la personalizzazione diretta nello script ^_^

Con un po' di pazienza e fantasia potete fare tutti gli esperimenti che vi vengono
in mente, nel menu trovate vari script da poter utilizzare

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
80%
Voti totali: 2
Rating... 4




Commentario...

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









~ Pagina visitata da 1640 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...

ૡ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...*
DanyGraphic ~ 30/05/2026 15:30:54
Ciao Penny , sempre belle e interessanti le tue pagine .Un abbraccio e buon fine settimana
ૡScritto in Home
Sabry ~ 26/05/2026 21:34:59
Sei unica ♥️
ૡScritto in Info box
Elise ~ 21/05/2026 17:30:40
Riciao visto com'è brava la nostra Grazia?
ૡScritto in Home