RACE RESULT bietet Ihnen viele Möglichkeiten, die Online-Anmeldung und -Ergebnisse nahtlos in Ihre eigene Website einzubinden.

Das geschieht über einen kleinen Javascript-Schnipsel, der die Ergebnisse direkt auf Ihre Website lädt (kein iframe). Alle CSS Styles Ihrer Website werden auf die Online-Anmeldung und -Ergebnisse angewendet. Wo notwendig, können Sie CSS hinzufügen, um die Darstellung entsprechend anzpassen.

Den Javascript-Code, den Sie kopieren und auf Ihrer Website einfügen, finden Sie unter my.raceresult.com->Einbindung eigene Website.

Die nachfolgenden Artikel erklären die verschiedenen Arten von Einbindungs-Codes. Für die Einbindung der Ergebnisse könnte der Code wie folgt aussehen:

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

Um die Darstellung der Liste grafisch anzupassen, können Sie CSS verwenden. Verwenden Sie den Browser-Inspector, um die Bezeichnungen der Klassen der Objekte herauszufinden, die Sie anpassen möchten. Der Anpassung per CSS sind kaum Grenzen gesetzt.

Embed Lists

In order to embed the lists you need to copy the corresponding source code. You might notice that all of these are very similar. There are a few key things to note that make them different and some features that allow you to customize these lists.

Here is the source code for reference.

<div id="divRRPublish" 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"), 123456, "results");
    rrp.ShowTimerLogo=true;
    rrp.ShowInfoText=false;
-->
</script>
<style>
  /* Add custom CSS here or elsewhere to change the design */
</style>

This source code loads data based on the Event ID specified and the tab url specified. All of the sections in red are variables you can change to customize the embedded code. The above example will load the Results list for event 123456. If you want to load the Participants or Live lists you will need to change "results" in red to either "participants" or "live". In the case of a custom list tab you would simply use the custom url.

There are also two boolean options to turn on and off features.

rrp.ShowTimerLogo - when set to true will show the timer's logo at the bottom of the results.
rrp.ShowInfoText - when set to true will show the info text defined for the specified page.

Anmeldung und Online-Änderung einbinden

Der Quellcode für die Online-Anmeldung ermöglicht es Ihnen, das Anmeldeportal direkt in Ihre Website einzubinden. Damit können Sie auch die ChangeLink()-Funktion für die Online-Änderung direkt mit Ihrer Website verknüpfen.

Hierfür müssen Sie den Quellcode der Online-Anmeldung in Ihre Website einbinden.

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

Im Quellcode gibt es zwei wichtige änderbare Variablen, die wir in rot gekennzeichnet haben.

EventID - Die Veranstaltungs-ID der einzubettenden Veranstaltung
rrp.ShowInfoText - entweder true oder false, hierüber wird bestimmt, ob der Infotext der Anmeldeseite mit eingebunden werden soll