kevinveenbirkenbach/homepage.veen.world
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/homepage.veen.world.git synced 2025-07-27 11:21:08 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added functionality for iframe url

Browse Source
This commit is contained in:
Kevin Veen-Birkenbach 2025-07-05 11:54:20 +02:00
parent 86fd72b623
commit bb8799eb8a
No known key found for this signature in database
GPG Key ID: 44D8F11FD62F878E
1 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/static/js/iframe.js
View File

@ -36,6 +36,11 @@ function openIframe(url) {
// Set the URL of the iframe
iframe.src = url;
// Update the browser URL without reloading the page
const newUrl = new URL(window.location);
newUrl.searchParams.set('iframe', url);
window.history.pushState({ iframe: url }, '', newUrl.toString());
}
document.addEventListener("DOMContentLoaded", function () {
@ -88,6 +93,11 @@ document.addEventListener("DOMContentLoaded", function () {
if (typeof adjustScrollContainerHeight === "function") {
adjustScrollContainerHeight();
}
// Also update the URL to remove the iframe param
const newUrl = new URL(window.location);
newUrl.searchParams.delete("iframe");
window.history.pushState({}, '', newUrl.toString());
});
}
@ -98,4 +108,25 @@ document.addEventListener("DOMContentLoaded", function () {
iframe.style.height = mainElement.style.height;
}
});
// On initial load: check if URL has iframe parameter
const initialParams = new URLSearchParams(window.location.search);
const iframeUrl = initialParams.get('iframe');
if (iframeUrl) {
openIframe(iframeUrl);
}
});
// Handle browser back/forward navigation
window.addEventListener('popstate', function(event) {
const url = new URL(window.location);
const iframeUrl = url.searchParams.get('iframe');
if (iframeUrl) {
openIframe(iframeUrl);
} else {
// Simulate click on H1 to restore original state
const headerH1 = document.querySelector("header h1");
if (headerH1) headerH1.click();
}
});