De Postmessage-API wordt gebruikt om aanvullende informatie te verzenden naar de pagina waarop onze Examens zijn ingesloten.
Documentatie over de POST-message-API
De Postmessage-API stuurt een bericht naar de pagina waarop uw examen is ingebed, dat er ongeveer zo uitziet:
{
status: 'ranking',
ranking: {
score: 50, // Getal, de score voor het examen. 100 betekent 100% correct, 0 betekent 0% correct
answered: 2, // Getal, het aantal beantwoorde vragen voor deze sessie
correct: 1, // Getal, het aantal vragen dat (gedeeltelijk) correct werd beantwoord
incorrect: 1, // Getal, het aantal vragen dat fout werd beantwoord
points: 2, // Getal, het aantal behaalde punten voor deze sessie
maximum: 4, // Getal, het maximale aantal mogelijke punten voor deze sessie
category: {
title: 'Mislukt' // Tekst,
}
}
}
Voor uw gemak hebben we hieronder een voorbeeld van JavaScript toegevoegd dat u op uw insluitpagina kunt gebruiken. Het maakt gebruik van de jQuery-bibliotheek, maar die vereiste kan indien nodig eenvoudig worden verwijderd.
<script type="text/javascript>
// Voorbeeld van de implementatie van gebeurtenissen. Met jQuery v1.7 of hoger
// Moet werken in de volgende browsers: [http://caniuse.com/#feat=x-doc-messaging](http://caniuse.com/#feat=x-doc-messaging)
jQuery(window).on("message onmessage", function(event) {
var origin = event.originalEvent.origin;
var allowedDomains = [
'[https://www.onlinequizcreator.com]([https://www.onlinequizcreator.com/](https://www.onlinequizcreator.com/))',
'[https://www.onlineassessmenttool.com]([https://www.onlineassessmenttool.com/](https://www.onlineassessmenttool.com/))',
'[https://www.onlineexambuilder.com]([https://www.onlineexambuilder.com/](https://www.onlineexambuilder.com/))',
'[https://www.easy-lms.com]([https://www.easy-lms.com/nl/404/))'
];
try {
var data = (typeof event.originalEvent.data === "string") ? JSON.parse(event.originalEvent.data) || event.originalEvent.data;
}
catch (e) {
return;
}
if (allowedDomains.indexOf(origin) !== -1 && data.status && data.ranking) {
// Je eigen script....
// De volgende variabelen zijn beschikbaar
data.ranking.score; // Het cijfer in (%) voor dit examen. Bijv. 100 als alles goed is en 0 als elk antwoord fout was
data.ranking.answered; // Het totale aantal beantwoorde vragen
data.ranking.correct; // Aantal correct beantwoorde vragen
data.ranking.incorrect; // Aantal fout beantwoorde vragen
data.ranking.points; // Het aantal punten dat de deelnemer voor deze sessie heeft behaald
data.ranking.maximum; // Het maximaal haalbare aantal punten voor dit examen
data.ranking.category.title; // De naam van de categorie waarin de deelnemer valt. Waarschijnlijk ‘Geslaagd’ of ‘Zak’
}
});
</script>