Documentation

Widgets.us.match.nhl.LiveMatchCarousel

us.match.nhl.liveMatchCarousel shows carousel of live or upcoming NHL matches.

new LiveMatchCarousel(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Default Description
tournaments string <optional>
 ''

Tournaments to display, comma separated string. Valid options are regular, preseason, allstar or empty value, which means all of them. Can specify one, many or none (which means all of them). Default value is empty.
limit number <optional>
 10

Max number of matches shown.
autoplay boolean <optional>
 'true'

If false stops carousel auto play.
autoplaySpeed number <optional>
 5000

Carousel auto-play speed in ms.
showDate boolean <optional>

If true displays date along match time.
border boolean <optional>

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

Function/event handler. Emits matchIds array on team click or touch.
onItemClick function <optional>

Function/click handler. Emits target and data on click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.nhl.liveMatchCarousel"></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.match.nhl.liveMatchCarousel');
</script>
<div id="sr-widget"></div>

JS/Example of using Event Handlers

<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.match.nhl.liveMatchCarousel', { onMatchesSet: function(matchIds) { console.log('matchIds: ' + matchIds.join(', ')); }});
</script>
<div id="sr-widget"></div>

JS/Example of using Click Handlers

<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.match.nhl.liveMatchCarousel', { onItemClick: function(target, data) { console.log(target, data); }});
</script>
<div id="sr-widget"></div>