Brosef/Website
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Added URL fragment support for tabs

Browse Source
This commit is contained in:
Brosef
2026-06-12 05:44:43 +01:00
parent 99131cea6f
commit a607318eff
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
www/main.js
View File

@ -44,6 +44,12 @@ function switchTab(tabID, playAnimation=true) {
tabID = tabID.id.split('button-')[1]; tabID = tabID.id.split('button-')[1];
} }
if (currentTab == tabID) { return; }
console.log(`Switching from ${currentTab} to ${tabID}...`);
currentTab = tabID;
location.hash = `#${tabID}`;
let tabTransitionTime = Number(getComputedStyle(document.body).getPropertyValue('--tab-transition-time').slice(0, -2)); let tabTransitionTime = Number(getComputedStyle(document.body).getPropertyValue('--tab-transition-time').slice(0, -2));
let tabs = document.getElementsByTagName('main')[0].children; let tabs = document.getElementsByTagName('main')[0].children;
let tab = document.getElementById(`tab-${tabID}`); let tab = document.getElementById(`tab-${tabID}`);
@ -94,6 +100,10 @@ function switchTab(tabID, playAnimation=true) {
button.classList.add('buttonHighlight'); button.classList.add('buttonHighlight');
} }
window.addEventListener('hashchange', (e) => {
switchTab(location.hash.slice(1));
});
window.addEventListener('load', (e) => { window.addEventListener('load', (e) => {
switchTab('home', false); switchTab('home', false);