KOMPOOS.NL

onresize - HTML5

home » manuals » html5 » onresize.html

sitemap | terug naar het html5 referentie - events - overzicht

voorbeeld onresize event (klik op het plaatje)

uitleg onresize procedure

Als jouw browser onresize ondersteunt zal bij het wijzigen van de afmeting(en), van de afbeelding, een alert verschijnen met de mededeling het resize event wordt getriggerd. Om deze procedure op jouw pagina te kunnen gebruiken, moet je (als voorbeeld natuurlijk) de onderstaande html-code op jouw pagina plaatsen. Het kleine stukje javascript wat de alert produceert moet je zo laag als mogelijk in de body-sectie van de pagina plaatsen.

html code voor de onrezize procedure

<p>
        <a href="/manuals/html5/onresize.html" contenteditable="true" onresize="check_onresize_event()">
                <img src="http://static.dns5.nl/onresize.jpg" 
                alt="onresize event" 
                width="80" 
                height="120">
        </a>
</p>

het javascript voor (de afhandeling van) het onresize event

<script>
    function check_onresize_event() {
        alert('het '+event.type+' event wordt getriggerd')
    }
</script>