37 lines
1.3 KiB
TypeScript
37 lines
1.3 KiB
TypeScript
/*
|
|
* Dynamic load project
|
|
*/
|
|
|
|
class DynLoad {
|
|
// Add the hooks
|
|
public static init(): void {
|
|
// Add an event listener to the document
|
|
document.addEventListener("click", (e) => {
|
|
// Check if a href attribute is set
|
|
if (e.target['href']) {
|
|
// Prevent the default action
|
|
e.preventDefault();
|
|
|
|
// Create a new ajax object
|
|
var loader: AJAX = new AJAX();
|
|
|
|
// Set the url
|
|
loader.setUrl(e.target['href']);
|
|
|
|
// Add callbacks
|
|
loader.addCallback(200, () => {
|
|
var doc = (new DOMParser()).parseFromString(loader.response(), "text/html");
|
|
history.pushState(null, null, e.target['href']);
|
|
document.head.innerHTML = doc.head.innerHTML;
|
|
document.getElementById("content").innerHTML = doc.getElementById("content").innerHTML;
|
|
var evt = document.createEvent('Event');
|
|
evt.initEvent('load', false, false);
|
|
window.dispatchEvent(evt);
|
|
});
|
|
|
|
// Send request
|
|
loader.start(HTTPMethods.GET);
|
|
}
|
|
});
|
|
}
|
|
}
|