Widget Euribor / Eurirs
Tramite questo web tools è possibile inserire sul proprio sito, blog o forum una tabella aggiornata sull’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. Per i più esigenti sono state previste delle variabili di personalizzazione che permettono una maggiore integrazione con il layout del proprio sito, come ad esempio grandezze e colori.
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 196 (px) 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 300 (px) il widget avrà una dimensione di 300 x 196. Ecco il codice 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 qui accanto. 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.
Adesso vediamo come possiamo selezionare un solo indice da visualizzare ad esempio supponiamo che ci interessa solo la tabella dei tassi EURIBOR. In questo caso dovremo aggiungere un blocco di codice con la definizione delle opzioni che vogliamo cambiare nel nostro caso ci interessa l’opzione ( sz_type ) che possiamo impostare ad all, euribor o eurirs. Se invece siete interessati all’Euribor/365 usate il valore sz_type=”365″ o sz_type=”360-365″.
<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>
A questo punto dovremmo aver ottenuto questo risultato, non solo vediamo l’indice che abbiamo scelto ma abbiamo cambiato la lingua di visualizzazione ed alcuni colori riguardanti il titolo e la colonna dove viene specificato il periodo. Per sapere tutti i parametri di configurazione disponibili basta vedere la tabella riepilogativa a fine post.
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, se volete vedere qualche esempio cliccate qui:
GUARDA ALCUNI ESEMPI DI COLORI PER IL TUO SITO WEB
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>
Demo live per vedere alcune varianti del widget
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 |
Elenco dei widget disponibili che puoi utilizzare per il tuo sito
- Autore:
- Massimo
- Articoli:
- 6
- Website:
- http://startbyzero.com/
