Il sito per imparare gratuitamente a fare pagine Web

JavaScript H1
















H1 - Data attuale nel formato italiano: Giorno, Mese, Anno.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

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>

seleziona tutto

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


seleziona tutto

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.



Valutazione

Valutazione: 3.15 stelle su 5
N. Voti: (92)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.