Documentation

Widgets.us.season.mlb.StandingsCarousel

us.season.mlb.standingscarousel shows a carousel containing standings for various MLB divisions.

new StandingsCarousel(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
seasonId number <optional>

Season ID. If missing, then the widget finds the most recent season ID to display data for.
disableHeader bool <optional>
 true

If set to true disables the header.
autoplay bool <optional>
 true

If set to true the carousel will automatically switch the selected item periodically
autoplaySpeed number <optional>
 5000

The speed for 'autoplay' in milliseconds
border boolean <optional>

If true enables a border around the widget.
onItemClick function <optional>

Function/event handler. Emits uniqueTeamId on click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.season.mlb.standingscarousel"></div>
<script type="application/javascript" src="https://widgets.media.sportradar.com/uscommon/widgetloader" data-sr-language="en_us" async></script>

JS/Programmatic

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.season.mlb.standingscarousel');
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handler

<script>
    (function(a,b,c,d,e,f,g,h,i){a[e]||(i=a[e]=function(){(a[e].q=a[e].q||[]).push(arguments)},i.l=1*new Date,i.o=f,
    g=b.createElement(c),h=b.getElementsByTagName(c)[0],g.async=1,g.src=d,g.setAttribute("n",e),h.parentNode.insertBefore(g,h)
    )})(window,document,"script","https://widgets.media.sportradar.com/uscommon/widgetloader","USW", {
        language: 'en_us'
    });
    USW('addWidget', '#sr-widget', 'us.season.mlb.standingscarousel', {onItemClick: function(type, obj){alert('uniqueTeamId: ' + obj.uniqueTeamId);}});
</script>
<div id="sr-widget"></div>