Displays list your live running servers with online drivers, best laps and links to join the game or navigate to live timing page. The list automatically refreshes always displaying the actual situation.
Before You Begin
Before you setup the widget, you need to have access to the source code for your website.
The following instructions describe how to add the widget snippet your site. They assume
You have added your league on LiveRacers
Copy and paste following snippet into your web page <head>...</head> section. Ensure the snippet is only present once on your website at all times. In case you don't have access to the <head> section, paste the snippet anywhere into the <body> section, but make sure it's only ever present once on the website.
Position the following element that will contain the list of live servers on your page (inside <body>...</body>).
Deploy your website and refresh the page. The container with lr-servers element should now contain a widget with live servers, looking similarly to these (depending on selected theme):
Support for multiple Domains
Specify one or more domains in the 'domains' property of the 'window._lr'
It is possible to customize the way Widgets look and feel. You can choose from the following themes
To apply a theme to a widget, set the widget's element attribute 'theme' to desired value. Example
<div id="lr-servers" theme="dark"></div>
Note that dark theme background is transparent, so you can (and have to) choose the background color.
It is also possible to customize the orientation of the widgets, stretching it horizontally or vertically
To apply orientation to a widget, set the widget's element attribute 'orientation' to desired value:
<div id="lr-servers" orientation="horizontal"></div>
By default a widget is 200px wide. To customize the widget width, you can use the 'width' attribute
<div id="lr-servers" width="160px"></div>
Some applications allow joining your servers via web link. This is enabled by default. If you wish to hide this link, you can set this setting to false
<div id="lr-servers" canjoin="true"></div>
<div id="lr-servers" filter="filterLrServers"></div>
Selection of official and community plugins for easy integration of LiveRacers widgets into popular web tools. Any contributions are more than welcome!
Community (unofficial) plugin provided by Phil Lewis
If you have any questions or problems, contact email@example.com.