| Funziona con il Browser: |
Crediti: Web-Link
Name: Andrea Bianchi
Website: www.web-link.it
Note: Semplicissimo da utilizzare anche per principianti.
Descrizione:
Questo script visualizza sullo schermo la data attuale, nel formato giorno, mese , anno.
Passo 1: selezionare tutto il codice cliccando sulla forbice, quindi posizionatevi sul testo evidenziato e adoperare il tasto destro del mouse per l'operazione di copia ed incolla, trasferitelo nella vostra pagina web, in questo caso fra i tags: <head> e </head>
Passo 2: Una volta inserito lo script nell' head della vostra pagina web, non rimane che richiamarlo, facendo uso del codice sotto, posizionandolo nel punto che preferite della vostra pagina web, all'interno dei tags: <body> e </body> .
Non vi resta che vederne il risultato, questo:
Lo script non genera il bordino colorato, per ottenerlo è sufficiente inserire l'istruzione all'interno di una tabella, assegnando a questa il bordo e relativo colore preferito.
Molti di voi mi hanno chiesto come cambiare colore, font, spessore alla data. Si tratta di inserire uno stile in linea, per farlo si prenda l'ultima riga della prima parte dello script:
document.write('<p> '+nameDay[now.getDay()] ecc. ecc.
E' al tag <p> che va applicato lo style, in questo modo:
document.write('<p style="color: red; font-weight: bold;"> '+nameDay[now.getDay()] ecc. ecc.
Con l'esempio sopra il datario risulterà di colore rosso e in grassetto. Vi ricordo che per maggiori informazioni sui fogli di style, potete consultare la mia rubrica dedicata a questo argomento.