Mit folgenden Beispielcode können Sie die große Tabelle auch auf ihrer Seite einbinden:

<html>
 <head>
    <meta http-equiv="refresh" content="60">
  </head>
<table  align="center" rules=all  cellpadding=6px id="StationDataTable">
 <tr>
        <td><b>Impfstation</b></td>
        <td><b>Status</b></td>
        <td><b>Öffnungszeiten</b></td>
        <td><b>Aktuelle Wartezeit</b></td>
        <td><b>Info </b></td>
        <td><b>Ort</b></td>
    </tr>
   
</table>
<p style="text-align: center;"><span style="color: #009374; font-size:6pt;">(powered by Fraunhofer IOSB-INA, https://impfen.iosb-ina.fraunhofer.de/)</span></p>
<style>
table {
  border: 2px solid #666;   
    width: auto;
}
th {
  background: #f8f8f8; 
  font-weight: bold;    
    padding: 2px;
}
	
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> 

$.ajax({
    url: 'https://impfen.iosb-ina.fraunhofer.de/api/lippe/get-status-v2',
    type: "get",
    dataType: "json",
   
    success: function(data) {
        createTable(data);
        }
});

function createTable(data) {
    for (var i = 0; i < data.length; i++) addRow(data[i]);
}
    

function addRow(rowData) {
    var row = $("<tr>")
    $("#StationDataTable").append(row); 
    row.append($("<td>" + rowData.name + "</td>"));
    row.append($("<td>" + rowData.gate + "</td>"));
    row.append($("<td>" + rowData.open + " - " + rowData.close + "</td>"));
    row.append($("<td>" + rowData.status  + "</td>"));
    row.append($("<td>" + rowData.info + "</td>"));
    row.append($("<td>" + rowData.location + "</td></tr>"));
}
</script>
</html>

Mit folgenden Beispielcode können Sie den kompakten Status auch auf ihrer Seite einbinden:

<html>
 <head>
    <meta http-equiv="refresh" content="60">
  </head>
<table  align="center" rules=all  cellpadding=6px id="StationDataTable">
 <tr>
        <td><b>Impfstation</b></td>
        <td><b>Status</b></td>
        <td><b>Aktuelle Wartezeit</b></td>
    </tr>
   
</table>
<p style="text-align: center;"><span style="color: #009374; font-size:6pt;">(powered by Fraunhofer IOSB-INA, https://impfen.iosb-ina.fraunhofer.de/)</span></p>        
<style>
table {
  border: 2px solid #666;   
    width: auto;
}
th {
  background: #f8f8f8; 
  font-weight: bold;    
    padding: 2px;
}
	
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript"> 

$.ajax({
    url: 'https://impfen.iosb-ina.fraunhofer.de/api/lippe/get-status-v2',
    type: "get",
    dataType: "json",
   
    success: function(data) {
        createTable(data);
        }
});

function createTable(data) {
    for (var i = 0; i < data.length; i++) addRow(data[i]);
}
    

function addRow(rowData) {
    var row = $("<tr>")
    $("#StationDataTable").append(row); 
    row.append($("<td>" + rowData.name + "</td>"));
    row.append($("<td>" + rowData.gate + "</td>"));
    row.append($("<td>" + rowData.status  + "</td>"));
    }
</script>
</html>

Impressum

Datenschutzerklärung