Actuele stand NBVF op websites (testje)

door | 10 september 2026
0 Reacties

Elke maandagavond zijn de uitslag en standen van de Nijmeegse Bedrijfsvolleybal competitie bijgewerkt.
Het zou handig zijn dat er meteen een update staat op nbvf.nl

Tot op heden moest wedstrijdsecretaris steeds in de website van nbvf kopieer-plak van de tabel doen. Dus elke week een edit, en hopen dat de html-code goed over komt.
Tabel inplakken als webtabel geeft jammer genoeg een vervorming van de tabel-layout, en matige leesbaarheid op smartphones.
Voor leesbaarheid over verschillende devices (PC, tablet, telefoon) is weergave als plaatje fraaier.

testje 6-7 sept 2026: Printscreen-jpg op centrale plek

Ik heb voor de website de “standen” en “uitslag van de laatste dag” als plaatjes centraal staan. En ik houd het daar actueel.
Plaatjes zien er beter uit op een telefoon en hebben geen vervorming zoals bij kopiëren plakken tabel.
Ook de pdf van tabblad Stand van de Excel is een leuk overzicht, omdat daarin onderaan een handige klikbare link naar tableau staat.
De plaatjes zijn niet meer dan een PrintScreen van een deel uit de pdf (Printscreen wordt in windows meestal opgeslagen in map Afbeeldingen/schermopnames).
Een website kan hiernaar verwijzen (“media invoegen via URL”), zodat daar altijd de laatste stand staat zonder telkens te moeten editten
zie bijv

https://www.vocasaTv.nl/nbvf.html

 

Werkt, maar de Browser cache maskeert actualiteit

De eerste versie werkt prima.
Maar als je week erop een verse upload doet van nieuwe stand met zelfde bestandsnaam, dan blijft de webpagina nog de oude versie van stand tonen i.v.m. browser-cache.
(De browser-cache bewaart afbeeldingen en html-codes in het geheugen zodat sneller geladen wordt.)
De link naar pdf gaat wel naar actueel schema.

Wat nu ..?

Dan dus elke update een nieuwe naam geven aan *.jpg.
Maar dan moet je in webbeheer weer steeds via edit verwijzen naar de nieuwe bestandsnaam.

De updater kan ook centraal een HTML-deel updaten met de gewijzigde bestandsnaam.jpg

Daarna kan van via <iframe>  </iframe> de juiste actualiteit automatisch weergegeven worden op externe websites.


zie
https://hasweb.nl/nbvf.html

Alternatief, Tableau embedded

Het tableau-dashboard is maandagavond direct actueel gemaakt.
Een link ernaar staat al op de website.
korte link = https://tinyurl.com/nbvf26stand

Het is ook mogelijk om tableau binnen een venster op de eigen website te tonen. En het werkt daar zelfs interactief (klik tabblad, Zoek team,..) .
De embed-code staat in tableau onder knop “Share”/ “Delen”.

 

dat geeft zoals hieronder: