Embed Multiple Lists on the Same Page

When embedding multiple lists on a single page you need to define unique div ids for each. By default, the source code for embedding participants, results, and live pages uses the same div id.

This portion of the code shows the div that will contain the loaded page. The id divRRPublish will be the same for all three lists.

<div id="divRRPublish" class="RRPublish"></div>

With the HTML language ids have to be unique. If you want to embed multiple lists on a single page this id needs to be changed. For example, you could add an extension to the name like this

<div id="divRRPublish_results" class="RRPublish"></div>
<script type="text/javascript" src="https://my.raceresult.com/RRPublish/load.js.php?lang=en"></script>
<script type="text/javascript">
<!--
	var rrp=new RRPublish(document.getElementById("divRRPublish_results"), 123456, "results");
	rrp.ShowTimerLogo=true;
	rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

In this example, divRRPublish is changed to divRRPublish_results. This creates a unique id that the other lists do not use. Note the variable is changed in two places as shown in bold in the example.