(control) Better refresh script that doesn't cause weird artifacts

This commit is contained in:
Viktor Lofgren 2023-07-23 19:26:16 +02:00
parent 789e8eea85
commit bc330acfc9

View File

@ -4,11 +4,19 @@ function refresh(ids) {
.then(html => {
const parser = new DOMParser();
const newDocument = parser.parseFromString(html, "text/html");
console.log(newDocument);
ids.forEach(id => {
const newElement = newDocument.getElementById(id);
document.getElementById(id).innerHTML = newDocument.getElementById(id).innerHTML;
const targetElement = document.getElementById(id);
if (newElement == null)
return;
if (targetElement == null)
return;
if (!newElement.isEqualNode(targetElement)) {
targetElement.replaceWith(document.importNode(newElement, true))
}
});
})
.catch(error => {