This page is a sample to illustrate how the Remote Results component displays on the page.
Example 1
Example 2
Example 3
How It Works
This example shows how the Remote Results component looks without any customization.

The standard width is 800px for desktop windows and fit-to-width for smaller mobile devices.

As you can see, there are four sections that can be turned on or off using an optional field in the supplied component.
show/hide section colors

This example still uses the default formatting but shows some customization that you can do:
  • Changed the font size to a smaller font
    (using CSS in your page's <STYLE> element)
  • Changed the default width
    (by setting the width property of the bounding <DIV> element)
  • NOTE: The calendar section will not be made smaller by a bounding <DIV> (see below)
This example hides certain sections of the information, allowing for a more customized view:
  • Marked the Heading as hidden
  • Marked the Calendar as hidden
  • Changed the default width
    (by setting the width property of the bounding <DIV> element)
Getting the Remote Results component running is very quick and easy - let's look into how it works!

Technical definition: Remote Result is a javascript component whose main function replaces the HTML contents of a <DIV> element on your site with information dynamically loaded from our server using an AJAX request.

Whew. That's a mouthful. Let's break it a little.

Let's start with getting the component referenced on your site:

  1. Add a <SCRIPT> element to your page's <HEAD> element to include the JavaScript code
    This script file contains code that will, using a key supplied by LeagueMonkey, return the current snapshot of a particular season.

  2. Add a <LINK> element to your page's <HEAD> element to include the CSS Style Sheet
    The results will be prettied up using this CSS Style Sheet.

  3. Add a <DIV> element to receive the information loaded by the component
    The current season snapshot will be inserted in this container. You can add some CSS formatting directly to this element.

  4. Add a <SCRIPT> block below the <DIV> to fire the event when your page is loaded
    This block of code executes the main function and *poof*, the snapshot gets put into the <DIV> element.

That's it! All the heavy lifting is taken care of automatically! You can start enjoying LeagueMonkey to keep track of your league without the need to redirect everyone to a different site!

Complete instructions are available HERE