Join Up

Widgets

If you have a hockey web site or blog, feel free to add our Pick-Up Game Search Widget.

Pick-Up Game Search Widget

The widget allows your readers to search for pick-up hockey games in their neighborhoods while they remain on your site. The widget fits nicely in your side-bar and inherits the style of your site. It can be fully customized with CSS.

Screenshots

This is what the widget might look like before a search.

And here is what displays after searching for games in "Los Angeles" as an example.

The Code

Embed the following HTML in your site:

<a href="http://InfiniteHockey.com" id="__infiniteSports">Find Pick-Up Hockey Games</a> <script type="text/javascript" src="http://s.InfiniteHockey.com/SearchWidget.js"></script>

CSS Customization

This is an example of the HTML that is actually emitted in case you would like to customize it with CSS.

<div class="infiniteSportsWidget"> <h2>Find Pick-Up Hockey</h2> <input type="text" value="Seattle" /> <input type="button" value="Go" class="button" /> <ul> <li> <div><a href="http://InfiniteHockey.com/Groups/85">Seattle Area Hockey</a></div> <div>in Seattle, WA</div> </li> <li> <div><a href="http://InfiniteHockey.com/Groups/137">Denny Park</a></div> <div>in Seattle, WA</div> </li> <li> <div><a href="http://InfiniteHockey.com/Groups/154">Hoopaholics</a></div> <div>in Seattle, WA</div> </li> </ul> </div>