Documentation

Widgets.us.match.nhl.Goaltenders

us.match.goaltenders shows team goaltenders comparison of relevant match statistic categories.

For the widget to render you need to provide matchId.

new Goaltenders(props)

Parameters
Name Type Description
props object
Properties
Name Type Argument Description
matchId number

Match id.
disableHeader boolean <optional>

If true hides header.
disableHeaderDetails boolean <optional>

If true hides header details.
border boolean <optional>

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

Function/event handler. Emits playerId on player click or touch.
Examples

HTML/Declarative

<div class="sr-widget" data-sr-widget="us.match.nhl.goaltenders" data-sr-match-id="18277461"></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.goaltenders', {matchId: 18277461});
</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.goaltenders', {matchId: 18277461, onItemClick: function(type, obj){alert(JSON.stringify(obj));}});
</script>
<div id="sr-widget"></div>