Pagina aggiornata... Sabato, 13 gennaio 2024 * Tempo di caricamento 0.04 secondi
Link navigazione : Home telaioHome ~ Tutorial ~ Script_gadget » *Ora*

..:: Ora ::..

Uno script molto molto semplice per visualizzare l'ora nelle pagine web
e realizzare dei piccoli gadget sfiziosi oltre che utili... vediamo subito un esempio...



Ecco il piccolo script che posteremo nel punto in cui vogliamo
visualizzare l'ora e comunque sotto il tag <body>

* Qui in alcune parti i tag si spezzano ma mi raccomando prelevate il codice
nella textarea sotto e lasciate tutto come è stato scritto

<script type="text/javascript">
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; }
function lZ(x){ return (x>9)?x:'0'+x; }
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; }
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";</script>
<script type="text/javascript">dT();</script>

Tutto qui, l'ora 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, si può utilizzare insieme
ad altri script, con lo script per la data ad esempio così da realizzare un datario completo

Possiamo inserire ciò che vogliamo prima e dopo lo script, inserirlo in una table o
un div per cui si possono realizzare svariati gadget e accessori

Con un po' di attenzione si può mettere più spazio tra i vari campi dell'ora
aggiungendone ai lati degli appositi parametri nel tag che ne permette la visualizzazione,
lo trovate nella penultima riga dello script:

var fr=0,oT="lZ(tH(tS().getHours()))+' : '+lZ(tS().getMinutes())+' : '+lZ(tS().getSeconds())";


Un piccolo esempio pratico, script saluto e script ora



# 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 ^_^




83.33%
Voti totali: 6
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 1406 utenti


 H: 
Buona Primavera !





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



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

ೡPenelope ♥
23/05/2024 19:53:31
Ciao Lu puoi utilizzare una table o un div a cui inserire la tua immagine come sfondo, qui c'è il tutorial per le table [Link] si procede nello stesso modo nei div con background-image, e poi inserisci il codice del calendario, nella cella della table o all'interno del div
ೡ Scritto in... Calendario perpetuo
 
Lu
23/05/2024 18:59:24
Buon pomeriggio Penelope. Per favore, come faccio a inserire questo calendario in un tag, in modo che abbia un'immagine di sfondo?
ೡ Scritto in... Calendario perpetuo
 
Lu
22/05/2024 18:07:10
Ciao cara Penelope!Ho appena portato uno dei tuoi banner sul mio blog. Un abbraccio, buon pomeriggio!
ೡ Scritto in... Banner link del telaio ^_^
 
Rakel
21/05/2024 18:24:29
Ciao Penelope ho curiosato sul tuo blog ed ho trovato molte cose carine.Ho prelevato un Almanacco.Grazie
ೡ Scritto in... Almanacco trasparente
 
Cleo
21/05/2024 15:22:46
Buon compleanno tesoro[Link]
ೡ Scritto in... Il telaio di Penelope...
 
Lu
20/05/2024 22:37:37
Che bello, ho trovato un pulsante che corrisponde al mio blog, l'ho già installato e sembra perfetto! Grazie mille per gli ottimi tutorial, amica Penelope!!
ೡ Scritto in... Bottoni top pagina
 
Lu
18/05/2024 17:03:22
Ciao cara Penelope! Che carini e delicati questi cursori, adoro quando porti cose che possono essere usate anche su Blogger ♥
ೡ Scritto in... Mini cursori
 
Lu
15/05/2024 19:08:01
Buon pomeriggio amica Penelope! Grazie mille per aver consigliato il tutorial, proverò a metterlo sul mio blog. Ho visto che stai aggiungendo altri tutorial per Blogger e sono molto , perché capisco Blogger lol.
ೡ Scritto in... Il telaio di Penelope...
 
ೡPenelope ♥
09/05/2024 16:40:16
Cara Lu ancora grazie mille mi fa piacere che il telaio ti piaccia e ti sia utile imposta i commenti sotto i post del tuo blog, Blogspot ha un box per i commenti molto carino, il mio "commentario" ha un codice particolare scritto appositamente per un sito web, ma se vuoi un boxino per dei salutini veloci puoi prelevare una Cbox, codice da inserire in "Aggiungi html/javascript" ed è gratuita, ecco il link del mio tutorial [Link] Un abbraccio ♥
ೡ Scritto in... Il telaio di Penelope...
 
Lu
09/05/2024 01:20:37
Grazie mille per il tuo aiuto, amica Penelope! Se possibile, mi piacerebbe anche aggiungere un campo per i commenti sulla pagina principale del blog, poiché sei stato costretto a farlo in questo momento in te, potremmo fornirci il codice?? Mi procurerò tutti i tuoi tutorial e non li incontrerai. Il tuo blog ha un'ispirazione per me, perché è felice, colorato, ricco di dettagli, molto grato mais una volta!
ೡ Scritto in... Il telaio di Penelope...
 





Gestisci le opzioni di privacy