Crestron Components Lib - Showcase App

ch5-import-htmlsnippet: afterload

afterload event

The afterload event occurs when a snippet HTML has been loaded and inserted into the DOM. afterLoad is most often used within the ch5-import-htmlsnippet element to execute a script once a html snippet has completely loaded all content (including images, script files, CSS files, etc.).

Preview

HTML
JS
CSS

<ch5-import-htmlsnippet
    url="ch5-import-htmlsnippet/ch5-import-htmlsnippet-content.html">
</ch5-import-htmlsnippet>
<div id="afterLoad" style="color:#008a00;font-weight:bold;text-align:center;"></div>

var load = "CH5-Import-Htmlsnippet is Loaded Successfully";
var importData = document.getElementsByTagName("ch5-import-htmlsnippet");
importData[0].addEventListener('afterLoad', function(){
    document.getElementById("afterLoad").innerHTML = load;
});

Execute JS before HTML