 |
|
|||
Sezione del telaio dedicata alla realizzazione e |
||||
|
|
|||
..:: Countdown Penny ::.. La proprietà di questo script rimane assolutamente dell'autore che lo ha scritto,io ho solo aggiunto una condizione Javascript affinché fosse possibile inserire una frase da far visualizzare dopo l'evento stabilito nel countdown ^-^ Come ho spiegato nel tutorial -> Countdown una volta passato l'evento/festa il gadget che abbiamo preparato rimane vuoto, o meglio, non ci sarà nessun messaggio e quindi si visualizzerà solo l'eventuale parte grafica # Il nome che ho assegnato a questo tutorial, serve solo a distinguere le due opzioni script
|
Ed ecco il codice con la mia aggiunta^^| <script type="text/javascript"> /*Count down until any date script- By JavaScript Kit (www.javascriptkit.com) Perfezionato da https://www.iltelaiodipenelope.it/ */ var before="Messaggio visibile nei giorni del conteggio all'evento" var current="Messaggio che apparirà il giorno dell'evento" var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec") function countdown(yr,m,d){ var today=new Date() var todayy=today.getYear() if (todayy < 1000) todayy+=1900 var todaym=today.getMonth() var todayd=today.getDate() var todaystring=montharray[todaym]+" "+todayd+", "+todayy var futurestring=montharray[m-1]+" "+d+", "+yr var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1) if (difference==0) document.write(current) else if (difference>0) document.write(" Mancano "+difference+" giorni "+before) else if (difference<0) document.write("Messaggio che apparirà e rimarrà fisso dopo l'evento") } //inserisci qui la data dell'evento, usando il formato anno/mese/giorno countdown(2013,3,28) </script> |
In pratica la condizione che ho aggiunto dice allo script che se sono passati i giorni di differenza
tra le due date deve far visualizzare un nuovo messaggio, basterà settare la data dell'evento
perché Javascript con apposito comando recupera quella attuale direttamente dal pc
Lo script funzionerà esattamente come l'originale ma nei giorni seguenti all'evento
si capirà che c'era un gadget ^_^ un piccolo esempio, un countdown per Halloween^^
| [...] var before="Halloween" var current="Happy Halloween a tutti!" [...] document.write("Buona giornata a tutti ^_^") - Questa frase sarà visibile dal 1 Novembre in poi... } //inserisci la data usando il formato anno/mese/giorno countdown(2011,10,31) [...] |
Un esempio pratico gadget ^_^
| Messaggio per descrivere l'evento  Mancano 000 giorni all'arrivo di Halloween |
Messaggio per il giorno dell'evento  HAPPY HALLOWEEN!Buon divertimento ^_^ |
Messaggio per evento passato^^ La festa è passata ma tu capirai dall'addobbo a chi era dedicata >_< |
Anche in questo caso se volete potete sostituire "Mancano" e "giorni" con ciò che
preferite e/o aggiungere delle parole, per andare a capo basterà inserire il classico <br>
facendo attenzione a non cancellare nulla, ecco un piccolo esempio:
document.write("Mancano... <br>"+difference+" giorni <br>"+before)
E' possibile inserire più di un countdown nella pagina ^_^# 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 ^_^
|
.gif){kind=small}
Commentario...
|
Scrivi qui per lasciare un saluto, una richiesta di aiuto, un suggerimento o una critica ^_^ |
~ Pagina visitata da 1886 utenti
H:
Felice Estate
e ...buon sabato!
Segui il telaio su Facebook
* Info sezione...
Mi farebbe molto piacere la condivisionedei 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 ::..
- Box effetto rilievo
- Basi CSS pagina web
- CSS elemento div
- CSS div struttura sito
- CSS sito responsive Flexbox
- CSS table
- CSS table struttura sito
- CSS file esterno
- Cbox - Chat per brevi messaggi
- Cbox - Theme editor
- Cursore
- Font personalizzato nel sito...
- Iframe per accessori e gadget
- Iframe per sito web
- Immagini
- Ipertesto - Link
- Link style
- Link ancora o interno
- Marquee
- Marquee speciali
- Marquee javascript
- Sfondo pagina
- Table basi e style
- Table sfondo
- Table scroll
- Table lavori
- Testo, font e personalizzazioni
- Textarea
..:: Script page ::..
..:: Script gadget ::..
Accessori e gadget del telaio...
Spazio web...
Realizzare e gestire un sito web
nell'hosting free più famoso...
Materiale grafico
Gif, mini gif, pixel, immagini, png...
Tutto il materiale grafico che ti serve,
raccolto e messo a tua disposizione!
I vostri messaggi...
|
|
|
|
html & script Tutorial è online dal 2011 e dopo una lunga pausa ripartiamo da... 10 mesi e 12 giorni ೡ Copyright © Penelope 2008 - 2024 Tutti i diritti riservati www.iltelaiodipenelope.it |
|
|
 |