WidgetsMarket Rates Ticker → Documentation & Demo
Demo
Documentation
Widget description
With this widget you are able to select from a list of popular instruments that are displayed in ticker mode. You can decide how the information will be delivered and appear on screen from a selection of popular skins.
Configurable parameters
instruments
Array of instruments to display
engine
The engine type (EngineType.Push, EngineType.Poll)
speed
The ticker animation speed
updateInterval
The data poll time interval (Only for EngineType.Poll)
skin
Choose your favorite skin ('dark' or 'light')
Implementation example
* Please add the script before the </body> tag.
                
<script type="text/javascript"> (function () { var clientUrl = "http://developers.sirixtrader.com"; var js = document.createElement('script'); js.type = 'text/javascript'; js.async = true; js.src = clientUrl + '/PageScripts/GetJavaScript/?files=Framework.jQuery.js;Framework.jQuery.Tpl.js;RatesEngine.js;MarketRates.Ticker.Widget.js&callback=window.onMarketRatesWidgetLoad'; document.getElementsByTagName('head')[0].appendChild(js); var css = document.createElement('link'); css.type = 'text/css'; css.async = true; css.rel = 'stylesheet'; css.href = clientUrl + '/PageScripts/GetCss/?files=MarketRates.Ticker.Widget.css'; document.getElementsByTagName('head')[0].appendChild(css); onMarketRatesWidgetLoad = function () { $('#market_rates').leverateMarketRatesTicker({ socialWidgetClientUrl: clientUrl, engine: EngineType.Poll, instruments: [{ name: 'EURCHF', precision: 5 }, 'USDCHF', 'GBPCHF', 'NZDJPY'], speed: 5000, updateInterval: 5, skin: 'dark' }); } })(); </script>
* Add the following to the <head> tag in order to support IE8 and under.