basic simili svelte workflow created
This commit is contained in:
19
scripts/insert_html.js
Normal file
19
scripts/insert_html.js
Normal file
@@ -0,0 +1,19 @@
|
||||
function insert_html() {
|
||||
let elements = document.getElementsByClassName("insert_html");
|
||||
for (let element of elements) {
|
||||
let path = (element.dataset.path);
|
||||
fetch(path)
|
||||
.then(response => response.text())
|
||||
.then(data => element.innerHTML = data)
|
||||
.catch(error => console.log('Error:', error));
|
||||
element.classList.replace("insert_html", "inserted_html");
|
||||
};
|
||||
}
|
||||
|
||||
// create an observer on everytime some HTML is loaded on the whole page (heavy solution...)
|
||||
const callback = (mutation_list, observer) => insert_html();
|
||||
const observer = new MutationObserver(callback);
|
||||
const targetNode = document.body;
|
||||
const config = { attributes: true, childList: true, subtree: true };
|
||||
// Start observing the target node for configured mutations
|
||||
observer.observe(targetNode, config);
|
||||
Reference in New Issue
Block a user