Tramite questo web tools è possibile inserire sul proprio sito, blog o forum una tabella aggiornata sull’ultime quotazioni disponibili riguardante le maggiori borse del mondo come Dow Jones, S&P 550, Nasdaq, etc. Per eseguire questa operazione non ci vogliono conoscenze di programmazione specifiche ma basta fare un copia e incolla del codice che trovate in questa sezione e posizionarlo sulla vostra pagina web. Per i più esigenti sono state previste delle variabili di personalizzazione che permettono una maggiore integrazione con il layout de proprio sito web.

Iniziamo con l’inserimento più semplice, avete uno spazio sul vostro sito dove volete pubblicare il widget Indici di Borsa ? Prendete il codice sottostante e inseritelo nella pagina HTML nel punto in cui volete che questo sia posizionato, il widget per default avrà una altezza di 282px e la larghezza si adatterà automatica al contenitore che racchiude il codice che avete appena inserito, quindi se lo inserite ad esempio in una sidebar definita 300px il widget avrà una dimensione di 300×282.

<script type="text/javascript"
src="http://startbyzero.com/static/finance/stock/widget.js"></script>

Una volta inserito il codice vi dovrebbe apparire il widget nella forma che vedete nell’immagine qui di sequito. Infatti il widget per default visualizza le borse del Dow Jones, S&P 500, Nasdaq, FTSE 100, Nikkei 225, Shanghai, CAC e FTSE MIB. Come potete notare questa è la forma più semplice della visualizzazione del widget, se invece avete esigenze di colore e layout diverse andate sulla tabella delle opzioni che troverete alla fine di questa pagina e trovate una soluzione più adatta.

Widget Indici di Borsa – esempi di personalizzazione

==> GUARDA ALCUNI ESEMPI DI COLORI PER IL TUO SITO WEB

Una piccola avvertenza: se usate una larghezza più piccola di 250px mi raccomando specificate anche l’opzione sz_small_font=”yes” altrimenti le informazioni non entrano nel widget.

Adesso vediamo come possiamo ad esempio personalizzare il nostro widget con dei colori e una lingua diversa da quella di default, rispetto al codice precedente basta inserire un nuovo blocco di codice prima di quello standard elencando le opzioni e i valori scelti.

<script type="text/javascript"><!--
  sz_width = "300";
  sz_lang = "en";
  sz_color = "ffffff";
  sz_color_label = "4b9af3";
  sz_color_value = "4b9af3";
  sz_color_border = "4b9af3";
  sz_back = "ffffff";
  sz_back_title = "4b9af3";
  sz_back_label = "b1d3f9";
  sz_back_foot = "4b9af3";
  sz_back_hover = "e4edf8";
//-->
</script>
<script type="text/javascript"
src="http://startbyzero.com/static/finance/stock/widget.js"></script>

Notate che tutti i valori che dovranno essere specificati per le varie opzioni devo essere indicati come stringa quindi opzione=valore dove valore è sempre specificato tra doppi apici. Altrimenti l’opzione non viene considerata e viene usato il valore di default.

Parametri di personalizzazione widget

Elenco dei widget disponibili che puoi utilizzare per il tuo sito

• Widget Finanziario – Calcolatrice
• Widget Finanziario – Cambio valute
• Widget Finanziario – Euribor/Eurirs
• Widget Finanziario – Euribor/Eurirs Plus
• Widget Finanziario – Indici di borsa