HomeWeb ToolsWidget Euribor / Eurirs

Widget Euribor / Eurirs

Modificato il -   - Massimo Della Rovere

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

Euribor/Eurirs Widget
Widget Colorato

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

Descrizione Opzione Default Valori ammessi
(iframe) larghezza sz_width 100% valore ampiezza iframe
(iframe) altezza sz_height 198 /480 valore px in basse a sz_data
Tipo tabella sz_type all all,euribor,eurirs,360,360-365
Tipo dati sz_data small small, medium, large
Ampiezza sz_size 100 valore %, rispetto ad iframe
Ampiezza massima sz_size_max 600 valore px da 150 a 960
Lingua sz_lang it it, en, es
Titolo widget sz_title yes yes, no (usare per titolo)
Link tabella storica sz_history yes yes, no (link sulla data)
Segno di % sz_sign yes yes, no
Up and Down sz_updown no yes, no
Colore testo sz_color a1a6a6 valore RGB in ESA
Colore titolo sz_color_title sz_color valore RGB in ESA
Colore periodo sz_color_label sz_color valore RGB in ESA
Colore valore sz_color_value sz_color valore RGB in ESA
Colore data sz_color_foot sz_color valore RGB in ESA
Colore bordo celle sz_color_border d6d9de valore RGB in ESA
Background sz_back transparent transparent o valore RGB
Background celle sz_back_cell transparent transparent o valore RGB
Background titolo sz_back_title sz_back_cell transparent o valore RGB
Background periodo sz_back_label sz_back_cell transparent o valore RGB
Background valore sz_back_value sz_back_cell transparent o valore RGB
Background data sz_back_foot sz_back_cell transparent o valore RGB
Background hover sz_back_hover f1f1f1 none o valore RGB
Autore:
Massimo Della Rovere
Articoli:
0
Website:
http://startbyzero.com/
Nato a Roma nel 1968, appassionato di informatica, programmatore e sistemista su IBM iSeries, esperto in procedure web con PHP e MySQL, grande utilizzatore dei prodotti Google, Linux, Wordpress ed Amazon AWS. Attualmente vive in Perù nella città di Lima, da dove porta avanti il suo progetto favorito riguardante il blog multitematico di startbyzero.com. Per contattarlo basta seguirlo sul profilo pubblico presente nel social network di google+.

Scrivi un tuo commento o qualche consiglio