Lo script che presentiamo permette di realizzare un messaggio di testo dinamico all'interno di un text field con un effetto simile ai cartelloni delle stazioni ferroviarie. Può essere utile nei casi in cui si voglia mettere in risalto una frase o una particolare informazione all'interno di una pagina web.
L'esempio si compone di 1 file:
- esempio.htm
Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi. Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.
Il file di esempio contiene, tra i tag <head>, il codice Javascript vero e proprio, mentre tra i tag <body> sono contenute le informazioni relative al text field. Ma procediamo con ordine:
All'interno dei tag <head> inseriamo questo codice:
Vediamo adesso quali sono le parti che possono essere modificate secondo le nostre esigenze.
Potremo inserire messaggi di testo personalizzati. Basterà modificare questa stringa di codice:
Come avrete notato l'esempio pratico è impostato per due messaggi. Nel caso volessimo aggiungerne degli altri basterà inserire delle stringhe simili a quelle appena analizzate stando attenti a seguire la numerazione progressiva:
Per variare il tempo di transizione da un messaggio all'altro dovremo modificare il valore di questa stringa:
Il resto del codice non va modificato.
Impostato lo script all'interno dei tag <head> è necessario aggiungere il codice HTML necessario per creare il text field all'interno del quale compariranno i messaggi. Questo codice va inserito nel <body> del nostro documento:
Attraverso la modifica di questo codice saremo in grado di cambiare la lunghezza del campo di testo ed il suo colore di sfondo; il tipo di carattere, la grandezza, il colore, lo stile del nostro testo. Ma vediamo in dettaglio:
indica la lunghezza del text field
indica il colore (solo con IE) che avrà il text field ( espresso in valori esadecimali)
indica il tipo di carattere da usare
la grandezza del testo
il colore del testo (solo con IE)
indica lo stile.
Perchè lo script produca i suoi effetti è necessario inserire all'interno del tag <body> il gestore di eventi onload:
Questa operazione è fondamentale ai fini di un corretto funzionamento dello script.onLoad="makechaos()"
