KOMPOOS.NL
onerror - HTML5
sitemap | terug naar het html5 referentie - events - overzicht
voorbeeld onerror event
uitleg over onerror event
Als in de broncode een afbeelding, video of iets dergelijks wordt aangeroepen en het gevraagde is niet aanwezig, dan kan je met het onerror event een procedure starten die de "fout" afvangt. In dit voorbeeld (zie onderstaande code) wordt er een afbeelding "gevraagd" die niet bestaat. De onerror triggert de procedure is_niet_aanwezig, die een vervangende afbeelding toekent aan de src van de image. Om een kleine hint te geven: de variabele hier_code_om_afbeelding_te_bewerken kan je vervangen door een stukje script wat (b.v.) het domein van de afbeelding "leest" en vervangt door een alternatief domein.
voorbeeld html code over hoe onerror "werkt"
<script>
function is_niet_aanwezig(afbeelding) {
var hier_code_om_afbeelding_te_bewerken = "http://static.dns5.nl/onerror.jpg";
var uitkomst_bewerking_van_afbeelding = hier_code_om_afbeelding_te_bewerken;
var vervang = document.getElementById("1");
vervang.src = uitkomst_bewerking_van_afbeelding;
}
</script>
<img id="1" src="1.jpg" alt="onerror" height="207" width="200" onerror=is_niet_aanwezig(this.src); />