Did you further testing and while on the page the board is empty, see picture. The source of the page is looking like this:
Quote
<div id=“fboard”><table class=“profile”>
<script type=“text/javascript” src=“https://www.virtual-classics.com/lib/js/jquery.splitflap.js”></script>
<script type=“text/javascript” src=“https://www.virtual-classics.com/lib/js/coolclock.js”></script>
<script type=“text/javascript” src=“https://www.virtual-classics.com/lib/js/moreskins.js”></script>
<script type=“text/javascript” src=“https://www.virtual-classics.com/lib/js/excanvas.js”></script>
<div style=“background:#444;color:#fff;margin:0;padding:5px”>
<img src=“https://www.virtual-classics.com/lib/images/jaratinfo.gif” style=“height:40px;float:left” alt=“”/>
<span style=“font-size: 18px;padding:9px 0 9px 15px;font-weight: bold;display:inline-block”>Flightboard Virtual Classics VA</span>
<canvas id=“c1” style=“float: right” class=“CoolClock:terminalClock:20:noSeconds” width=“20” height=“20” style=“width: 20px; height: 20px;”></canvas>
</div>
<table style=“text-align:center; background:#222; width: 100%”>
<thead>
<tr style=“background:#444;color:#fff”>
<th>Arr.Time</th>
<th>Callsign</th>
<th>Dep</th>
<th>Arr</th>
<th>Pilot</th>
<th>Aircraft</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td width=“5%” class=“flightboard”>1005</td>
<td width="10%"class=“flightboard”>VB72120</td>
<td width=“7%” class=“flightboard”>VYYY</td>
<td width=“7%” class=“flightboard”>VTBD</td>
<td width=“31%” class=“flightboard”>Nico Knol</td>
<td width=“7%” class=“flightboard”>B738</t d>
<td width=“38%” class=“flightboard”>Boarding</td>
</tr>
</tbody>
<tr>
<td width=“5%” class=“flightboard”>1006</td>
<td width="10%"class=“flightboard”>VBV298</td>
<td width=“7%” class=“flightboard”>EHAM</td>
<td width=“7%” class=“flightboard”>LEBB</td>
<td width=“31%” class=“flightboard”>Pieter Veelo</td>
<td width=“7%” class=“flightboard”>B738</t d>
<td width=“38%” class=“flightboard”>Boarding</td>
</tr>
</tbody>
<tr>
<td width=“5%” class=“flightboard”>1007</td>
<td width="10%"class=“flightboard”>VBV6LR</td>
<td width=“7%” class=“flightboard”>EGKK</td>
<td width=“7%” class=“flightboard”>ELLX</td>
<td width=“31%” class=“flightboard”>Cor de Bruin</td>
<td width=“7%” class=“flightboard”>A319</t d>
<td width=“38%” class=“flightboard”>Preflight</td>
</tr>
</tbody>
<tr>
<td width=“5%” class=“flightboard”>1049</td>
<td width="10%"class=“flightboard”>VBV307</td>
<td width=“7%” class=“flightboard”>EHAL</td>
<td width=“7%” class=“flightboard”>EHMZ</td>
<td width=“31%” class=“flightboard”>Jaap Den Ouden</td>
<td width=“7%” class=“flightboard”>DC3</t d>
<td width=“38%” class=“flightboard”>Cruise</td>
</tr>
</tbody>
<table style=“text-align:center; background:#222; width: 100%”>
<thead>
<tr style=“background:#444;color:#fff”>
<td style=“font-size: 18px;padding:9px 0 9px 15px;font-weight: bold;display:inline-block float: left”>V-Bird VA group</td>
</tr>
</table>
<script>
(function ($) {
$(document).ready(function () {
var ratio = 0.235;
$(‘.flightboard’)
.splitFlap({
image: ‘/lib/images/chars.png’,
speed: 10, // letter/sec
speedVariation: 2,
charWidth: 50 * ratio,
charHeight: 100 * ratio,
imageSize: (2500 * ratio) + 'px ’ + (100 * ratio) + ‘px’
});
});
})(jQuery);
</script>
</div>
So the data is getting updated but after the refreshing it is not showing up in the flightboard. It only shows up the first tume you open the page.