Tabelle



Widgets

Widgets

Einzelne Komponenten können als Widgets auf Eurer Webseite verwendet werden.

Layout

Das Aussehen der Widgets kann mithillfe von CSS an die eigene Webseite angepasst werden.

		table.chl-data-table {
		  margin-bottom: 2em;
		  width: 100%;
		  border-collapse:collapse;
		}
		
		table.chl-data-table th {
		  background: #F0F0F0;
		  border: 1px solid #DDD;
		  color: #555;
		  text-align: left;
		  vertical-align:middle;
		  padding:10px;
		}
		
		table.chl-data-table tr {
		  border-bottom: 1px solid #DDD;
		}
		      
		table.chl-data-table td {
		  padding: 10px;
		   vertical-align:middle;
		  text-align: center;
		}
		
		table.chl-data-table td.name {
		  padding: 10px;
		  vertical-align:middle;
		}
		  
		table.chl-data-table td {
		  background: #F6F6F6;
		  border: 1px solid #DDD;
		}
		     
		table.chl-data-table tr.even td {
		  background: #FCFCFC;
		}
	

Tabelle

Zum Einbinden der Tabelle, muss in den Header der entsprechenden Seite folgendes eingefügt werden:

<head>
  <script type="text/javascript"
          src="https://www.rheinland-hockey.de/ajax/widget/standings/2"></script>
</head>
    

Die 2 steht dabei für die interne Id der Liga, die der folgenden Tabelle entnommen werden kann:

Liga Id Liga Id
RHL 1. Division 2 RHL 2. Division 3

An der Stelle, an der die Tabelle ausgegeben werden soll, muss folgendes eingefügt werden:

<script type="text/javascript">table.print();</script>
    
Um einzelne Spalten auszublenden, kann ein Parameter im JSON-Format übergeben werden:
<script type="text/javascript">
  table.print({position:false,games:false,won:false,lost:false,goals:false});
</script>
    
Dieses Beispiel erzeugt eine Tabelle wie rechts abgebildet. Folgende Parameter stehen zur Verfügung:
position
Tabellenposition
name
Name der Mannschaft
games
Anzahl der Spiele
won
Siege
lost
Niederlagen
points
Anzahl der Punkte
goals
Anzahl der Tore
diff
Differenz aus erzielten und erhaltenen Toren

Spielplan

Zum Einbinden des Spielplans, muss in den Header der entsprechenden Seite folgendes eingefügt werden:
<head>
  <script type="text/javascript"
          src="https://www.rheinland-hockey.de/ajax/widget/games/1"></script>
</head>
    

Die 1 am Ende steht dabei für die ID des Teams (hier: 1 = Rhein Igels) und muss durch die ID des Teams ersetzt werden. Folgende IDs sind zu verwenden:

Team Id Team Id
Cologne Smilies 3 Cologne Thunder 4
MadDogs Cologne 6 Orcas Hennef 7
Rhein Igels 1 Solinger Dragons 8
Yetis Köln 5 Solinger Dragons 8
Hockey Frogs Troisdorf 9 Ice Tigers Solingen 12
Tigers Köln 13 Ice Crash Dummies Moers 15
Vikings Troisdorf 16 Rheinteufel Köln 17
Ducks Neuss 18
An der Stelle, an welcher der Spielplan ausgegeben werden soll, muss folgendes eingefügt werden:
<script type="text/javascript">games.print();</script>
    
Um einzelne Spalten auszublenden, kann ein Parameter im JSON-Format übergeben werden:
<script type="text/javascript">
  games.print({time:false,score:false});
</script>
    
Folgende Parameter stehen zur Verfügung:
date
Datum
time
Uhrzeit
home
Name der Heimmannschaft
away
Name der Auswärtsmannschaft
score
Ergebnis
annotation
Anmerkung zum Ergebnis. Z.B. "n.P." oder "Wertung"

News

Zum Einbinden der News, muss in den Header der entsprechenden Seite folgendes eingefügt werden:
<head>
  <script type="text/javascript"
        src="https://www.rheinland-hockey.de/ajax/widget/articles/3?max=1"></script>
</head>
    

Die 3 am Ende steht dabei für die ID des Teams (hier: 3 = Cologne Smilies) und muss durch die ID des Teams ersetzt werden. Folgende IDs sind zu verwenden:

Team Id Team Id
Cologne Smilies 3 Cologne Thunder 4
MadDogs Cologne 6 Orcas Hennef 7
Rhein Igels 1 Solinger Dragons 8
Yetis Köln 5 Solinger Dragons 8
Hockey Frogs Troisdorf 9 Ice Tigers Solingen 12
Tigers Köln 13 Ice Crash Dummies Moers 15
Vikings Troisdorf 16 Rheinteufel Köln 17
Ducks Neuss 18
Über den optionalen Parameter max kann gesteuert werden, wie viele News maximal ausgegeben werden sollen. An der Stelle, an welcher die News ausgegeben werden soll, muss folgendes eingefügt werden:
      <script type="text/javascript">articles.print();</script>
    
Um den Titel auszublenden, kann folgender Parameter übergeben werden:
<script type="text/javascript">
  articles.print({subject:false});
</script>
    
Folgende Parameter stehen zur Verfügung:
subject
Titel