Puoi trovare l'intera spiegazione col codice qui:
domenica 22 giugno 2014
lunedì 26 settembre 2011
Un banner dinamico con javascript - Codice utile
Buonasera a tutti,
so che molto probabilmente questo post servirà a pochi, ma ho pensato di scrivere due linee di codice per ritornare ad occuparmi del blog non aggiornato ormai da mesi.
Oggi vediamo come creare uno script per realizzare un banner per il nostro sito.
Sfruttando la funzione setTimeout(..,..) già vista in http://tinformatizzo.blogspot.com/2011/01/ricaricare-refresh-la-pagina-html-con.html ed il metodo innerHTML verrà realizzato il nostro banner.
so che molto probabilmente questo post servirà a pochi, ma ho pensato di scrivere due linee di codice per ritornare ad occuparmi del blog non aggiornato ormai da mesi.
Oggi vediamo come creare uno script per realizzare un banner per il nostro sito.
Sfruttando la funzione setTimeout(..,..) già vista in http://tinformatizzo.blogspot.com/2011/01/ricaricare-refresh-la-pagina-html-con.html ed il metodo innerHTML verrà realizzato il nostro banner.
giovedì 13 gennaio 2011
Ricaricare (Refresh) la pagina html con javascript - Codice utile
In questo post vi illustro come potete aggiornare una pagina html grazie ad un semplice script javascript.
Vediamo l'intera struttura della pagina html:
Vediamo l'intera struttura della pagina html:
mercoledì 5 gennaio 2011
Una semplice calcolatrice ( v1.0 ) con javascript - Codice utile
Ciao a tutti.. eccomi tornato dopo un paio di giorni di assenza.
Questa volta vi riporto il codice per una semplice calcolatrice (non scientifica) da me sviluppato e che potete utilizzare tranquillamente (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!).. se trovate qualche bug e volete segnalarmelo vi ringrazio in anticipo..
Questa è la calcolatrice che appare nella finestra del browser una volta caricata la pagina:
E di seguito il codice:
Questa volta vi riporto il codice per una semplice calcolatrice (non scientifica) da me sviluppato e che potete utilizzare tranquillamente (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!).. se trovate qualche bug e volete segnalarmelo vi ringrazio in anticipo..
Questa è la calcolatrice che appare nella finestra del browser una volta caricata la pagina:
lunedì 3 gennaio 2011
Il tag table per costruire una tabella - Corso HTML di base
Lezione 5
Dopo aver introdotto il tag div ( http://tinformatizzo.blogspot.com/2011/01/il-tag-div-corso-html-di-base.html ) ci cimentiamo nella costruzione delle tabelle con il tag table.
Riprendendo sempre la nostra paginetta html e facendo le opportune modifiche.. otteniamo quello che potete vedere nella figura sottostante..
Dopo aver introdotto il tag div ( http://tinformatizzo.blogspot.com/2011/01/il-tag-div-corso-html-di-base.html ) ci cimentiamo nella costruzione delle tabelle con il tag table.
Riprendendo sempre la nostra paginetta html e facendo le opportune modifiche.. otteniamo quello che potete vedere nella figura sottostante..
domenica 2 gennaio 2011
Il tag div - Corso HTML di base
Lezione 4
Dopo aver visto qualcuno dei tag più noti nella lezione precedente ( http://tinformatizzo.blogspot.com/2010/12/i-primi-tag-del-body-corso-html-di-base.html ), in questa lezione ne vedremo in particolare solo uno: il tag div.
Il tag div è utilizzato per dividere la pagina in settori e quindi per organizzarla nel migliore dei modi.
Guardate ad esempio questa pagina ottenuta modificando quella delle lezioni precedenti..
Dopo aver visto qualcuno dei tag più noti nella lezione precedente ( http://tinformatizzo.blogspot.com/2010/12/i-primi-tag-del-body-corso-html-di-base.html ), in questa lezione ne vedremo in particolare solo uno: il tag div.
Il tag div è utilizzato per dividere la pagina in settori e quindi per organizzarla nel migliore dei modi.
Guardate ad esempio questa pagina ottenuta modificando quella delle lezioni precedenti..
Un orologio analogico (con le lancette) con javascript e jsDraw2D - Codice utile
Come promesso, dopo aver realizzato l'orologio digitale in javascript ( http://tinformatizzo.blogspot.com/2010/12/un-orologio-con-javascript-codice-utile.html ) e aver presentato in un altro post la libreria javascript jsDraw2D ( http://tinformatizzo.blogspot.com/2011/01/disegno-2d-con-la-libreria-javascript.html ) per la grafica 2D nelle nostre pagine web.. ci accingiamo a costruire un OROLOGIO ANALOGICO !
Come al solito riporto di seguito il codice da me sviluppato per chi lo vuole usare (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!) e, come sempre, le relative spiegazioni per i più curiosi e vogliosi di imparare :)
Come al solito riporto di seguito il codice da me sviluppato per chi lo vuole usare (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!) e, come sempre, le relative spiegazioni per i più curiosi e vogliosi di imparare :)
sabato 1 gennaio 2011
Disegno 2D con la libreria javascript jsDraw2D
Ciao a tutti..
oggi ripensando un po' allo script in javascript per l'orologio che ho postato poco tempo fa ( http://tinformatizzo.blogspot.com/2010/12/un-orologio-con-javascript-codice-utile.html ) .. ho pensato.. perchè non fare un orologio analogico con le lancette anzichè digitale?
Beh diciamo che allo scopo di disegnare le lancette dell'orologio, servono delle librerie che permettano di farlo.
Tra le varie opzioni, sondando un po' la rete, mi sono imbattuto in una libreria javascript per disegnare grafica 2D nelle nostre pagine web.
oggi ripensando un po' allo script in javascript per l'orologio che ho postato poco tempo fa ( http://tinformatizzo.blogspot.com/2010/12/un-orologio-con-javascript-codice-utile.html ) .. ho pensato.. perchè non fare un orologio analogico con le lancette anzichè digitale?
Beh diciamo che allo scopo di disegnare le lancette dell'orologio, servono delle librerie che permettano di farlo.
Tra le varie opzioni, sondando un po' la rete, mi sono imbattuto in una libreria javascript per disegnare grafica 2D nelle nostre pagine web.
giovedì 30 dicembre 2010
Un cronometro con javascript - Codice utile
Dopo il post in cui ho riportato e spiegato il codice per creare un orologio sulle nostre pagine web (http://tinformatizzo.blogspot.com/2010/12/un-orologio-con-javascript-codice-utile.html), vediamo di divertirci un po' sempre con il tempo..cioè costruendo un cronometro!
Alcuni magari andranno via, non penso interessi a tutti avere un cronometro nella homepage o in altre pagine del sito, magari però qualcuno è curioso di sapere come si può fare oppure a qualcun altro magari serve per davvero!
Detto ciò, come al mio solito, vi riporto il codice javascript + html che potete utilizzare senza problemi (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!) e le spiegazioni del codice:
Alcuni magari andranno via, non penso interessi a tutti avere un cronometro nella homepage o in altre pagine del sito, magari però qualcuno è curioso di sapere come si può fare oppure a qualcun altro magari serve per davvero!
Detto ciò, come al mio solito, vi riporto il codice javascript + html che potete utilizzare senza problemi (non in altri blog post o siti però..siete liberi di usarlo solo per i siti che costruite voi e non in altri per mostrare il codice!) e le spiegazioni del codice:
Un orologio con javascript - Codice utile
Ciao a tutti, con questo post inauguro la sezione del codice utile che voi potete utilizzare senza alcun problema (se poi eventualmente vi va di inserire il link del mio blog sul vostro sito ve ne sarei immensamente grato :) )
Ovviamente non usatelo in altri blog.. post in bacheche di siti vari, o altri siti etc..! Mentre siete liberi di usarlo per i siti che costruite voi, e non per mostrare il codice!.. (questo vale anche per tutti gli altri post con codice utile che metto sul blog)
Bene, quante volte vi sarà capitato di voler inserire nelle pagine del vostro sito un orologio per far apparire l'orario aggiornato sempre in sovraimpressione? A me è successo più di una volta..
Per questo motivo vi riporto qui il mio orologio da sito che voi potete utilizzare copiando il codice o modificandolo come meglio vi aggrada. Vi mostro l'intera pagina html (l'essenziale) con il codice javascript (intero) e poi vi spiegherò il tutto riga per riga.
Ovviamente non usatelo in altri blog.. post in bacheche di siti vari, o altri siti etc..! Mentre siete liberi di usarlo per i siti che costruite voi, e non per mostrare il codice!.. (questo vale anche per tutti gli altri post con codice utile che metto sul blog)
Bene, quante volte vi sarà capitato di voler inserire nelle pagine del vostro sito un orologio per far apparire l'orario aggiornato sempre in sovraimpressione? A me è successo più di una volta..
Per questo motivo vi riporto qui il mio orologio da sito che voi potete utilizzare copiando il codice o modificandolo come meglio vi aggrada. Vi mostro l'intera pagina html (l'essenziale) con il codice javascript (intero) e poi vi spiegherò il tutto riga per riga.
I primi tag del body - Corso HTML di base
Lezione 3
Ci eravamo lasciati nella scorsa lezione http://tinformatizzo.blogspot.com/2010/12/la-prima-pagina-tag-principali-corso.html dopo aver creato la struttura di base della nostra pagina html.
Ora ci accingiamo a modificare il nostro file facendo uso di nuovi tag per dare un aspetto diverso alla nostra pagina.
Come già detto, tutto quello che possiamo visualizzare nel nostro browser è contenuto tra i tag <body> e </body> del nostro file, perciò è proprio in questa "zona" che andremo ad apportare le nostre modifiche.
Ci eravamo lasciati nella scorsa lezione http://tinformatizzo.blogspot.com/2010/12/la-prima-pagina-tag-principali-corso.html dopo aver creato la struttura di base della nostra pagina html.
Ora ci accingiamo a modificare il nostro file facendo uso di nuovi tag per dare un aspetto diverso alla nostra pagina.
Come già detto, tutto quello che possiamo visualizzare nel nostro browser è contenuto tra i tag <body> e </body> del nostro file, perciò è proprio in questa "zona" che andremo ad apportare le nostre modifiche.
mercoledì 29 dicembre 2010
La prima pagina - tag principali - Corso HTML di base
Lezione 2
Per chi avesse saltato l'introduzione al corso, eravamo arrivati a creare una cartella "Corso_HTML_base" e un documento di testo "Prova_html.txt" all'interno di quest'ultima.
A questo punto apriamo il file con il blocco note o un altro qualsiasi editor di testo e inseriamo le seguenti linee di codice:
Per chi avesse saltato l'introduzione al corso, eravamo arrivati a creare una cartella "Corso_HTML_base" e un documento di testo "Prova_html.txt" all'interno di quest'ultima.
A questo punto apriamo il file con il blocco note o un altro qualsiasi editor di testo e inseriamo le seguenti linee di codice:
<html>
<head>
<title></title>
</head>
<body>
ciao mondo!
</body>
</html>
Introduzione al corso - Corso HTML di base
Lezione 1
Bene.. mi permetto solo questa volta di aggiungere questo commento: questo è il primo articolo che scrivo sul sito.. benvenuti a tutti
Questa è la prima lezione del corso html di base e quindi, essendo di base, presenterà l'essenziale per creare una pagina html passo dopo passo senza dover per forza utilizzare software appositi. Per capire è sufficiente creare un semplice file di testo e iniziare a scriverci dentro man mano che leggerete le nozioni in questa semplice guida.
Suppongo che molti di voi non vogliano perdere tempo nel leggere la storia dell'html o cosa significhi html o quali siano i funzionamenti nascosti o cose di questo genere che molto probabilmente avrete già letto altrove. Perciò tralasciando grandi introduzioni sull'html (Magari più in là aggiungerò qualcosa di più tecnico) vi basti sapere che se ora state leggendo questa guida è grazie all'html (in verità non solo grazie all'html).
Grazie all'html potete visualizzare i contenuti dei siti con qualsiasi browser (Internet explorer, Mozilla, Chrome..).
Ma allora come si fa per creare una pagina html?
Bene.. se siete decisi a imparare le cose essenziali per ottenere la vostra prima paginetta html, seguite le lezioni di questa guida.
INTANTO le prime cose che dovete fare sono le seguenti:
1. Create una cartella di lavoro sul vostro harddisk.. io la chiamo Corso_HTML_base
2. Nella cartella create un nuovo documento di testo.. io lo chiamo Prova_html
In questo modo siamo pronti per iniziare a imparare lavorando (o a lavorare imparando).
Alla prossima (prima vera) lezione..
Prossima lezione:La prima pagina - tag principali - Corso HTML di base
Bene.. mi permetto solo questa volta di aggiungere questo commento: questo è il primo articolo che scrivo sul sito.. benvenuti a tutti
Questa è la prima lezione del corso html di base e quindi, essendo di base, presenterà l'essenziale per creare una pagina html passo dopo passo senza dover per forza utilizzare software appositi. Per capire è sufficiente creare un semplice file di testo e iniziare a scriverci dentro man mano che leggerete le nozioni in questa semplice guida.
Suppongo che molti di voi non vogliano perdere tempo nel leggere la storia dell'html o cosa significhi html o quali siano i funzionamenti nascosti o cose di questo genere che molto probabilmente avrete già letto altrove. Perciò tralasciando grandi introduzioni sull'html (Magari più in là aggiungerò qualcosa di più tecnico) vi basti sapere che se ora state leggendo questa guida è grazie all'html (in verità non solo grazie all'html).
Grazie all'html potete visualizzare i contenuti dei siti con qualsiasi browser (Internet explorer, Mozilla, Chrome..).
Ma allora come si fa per creare una pagina html?
Bene.. se siete decisi a imparare le cose essenziali per ottenere la vostra prima paginetta html, seguite le lezioni di questa guida.
INTANTO le prime cose che dovete fare sono le seguenti:
1. Create una cartella di lavoro sul vostro harddisk.. io la chiamo Corso_HTML_base
2. Nella cartella create un nuovo documento di testo.. io lo chiamo Prova_html
In questo modo siamo pronti per iniziare a imparare lavorando (o a lavorare imparando).
Alla prossima (prima vera) lezione..
Prossima lezione:La prima pagina - tag principali - Corso HTML di base
Iscriviti a:
Post (Atom)