Tramite questo web tools è possibile inserire sul proprio sito, blog o forum una tabella aggiornata sulle ultime quotazioni disponibili riguardante il tasso di riferimento EURIBOR e EURIRS (IRS). 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. in qualsiasi posizione desiderate. Per i tecnici più esigenti sono state anche previste delle variabili di personalizzazione che permettono una maggiore integrazione con il layout del sito.

Iniziamo con l’inserimento più semplice, avete uno spazio sul vostro sito dove volete pubblicare il widget Euribor/Eurirs (IRS) ? 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 196px 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×196. Ecco qui di seguito il codice javascript da copiare nella vostra pagina HTML:

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

Una volta inserito il codice vi dovrebbe apparire il widget nella forma che vedete nell’immagine allegata a seguire. Infatti il widget per default visualizza le tabelle di tutte e due gli indici, ma volendo si può scegliere di visualizzarne solo uno, in modo di avere  la possibilità di suddividere il widget in due parti distinte del vostro sito, magari anche con caratteristiche di layout differenti.

Widget Euribor/Eurirs – esempi di personalizzazione

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

Per selezionare un solo indice dobbiamo utilizzare l’opzione appropriata. Ad esempio se ci interessa solo la tabella dei tassi EURIBOR, dovrete aggiungere un blocco di codice con la definizione delle opzioni che volete cambiare, nel vostro caso sarà l’opzione (sz_type) che potete impostare su diversi valori, come all, euribor o eurirs. Se invece siete interessati all’Euribor/365 da visualizzare da solo o insieme a quello 360 dovete usate il valore sz_type=”365″ o sz_type=”360-365″. Se volete personalizzare anche i colori della tabella usate il codice simile al seguente:

<script type="text/javascript"><!--
  sz_type = "euribor";
  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/euribor-eurirs/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. Per quanto riguarda l’estetica del widget potete personalizzare i colori di ogni elemento in maniera tale da renderlo coerente col il layout del vostro sito. Ogni colore puó essere specificato tramite un valore RGB in formato esadecimale.

Sicuramente avrete notato che la tabella riporta solo alcune serie e non tutte quelle disponibili, come ad esempio l’EURIBOR ha un valore per ogni mese e anche per 1,2,3 Settimane, quindi se si vuole vedere la serie completa e ottenere un widget più grande, basta specificare il parametro opzione (sz_data =” large”) la nuova altezza del widget sarà di 480 px.

<script type="text/javascript"><!--
  sz_type = "euribor";
  sz_data = "large";
//-->
</script>
<script type="text/javascript"
src="http://startbyzero.com/static/finance/euribor-eurirs/widget.js"></script>

Parametri di personalizzazione widget