diff options
-rw-r--r-- | src/index.html | 1 | ||||
-rw-r--r-- | src/js/arching-kaos-spa-router.js | 27 | ||||
-rw-r--r-- | src/js/menu-magic.js | 3 |
3 files changed, 29 insertions, 2 deletions
diff --git a/src/index.html b/src/index.html index e9f77bb..a8f6c15 100644 --- a/src/index.html +++ b/src/index.html @@ -208,6 +208,7 @@ <script src="./js/arching-kaos-fetch.js"></script> <script src="./js/arching-kaos-log.js"></script> <script src="./js/menu-magic.js"></script> + <script src="./js/arching-kaos-spa-router.js"></script> <script src="./js/arching-kaos-tools.js"></script> <script src="./js/arching-kaos-stellar-network.js"></script> <script src="./js/arching-kaos-decentralized-radio.js"></script> diff --git a/src/js/arching-kaos-spa-router.js b/src/js/arching-kaos-spa-router.js index 650a828..03eac11 100644 --- a/src/js/arching-kaos-spa-router.js +++ b/src/js/arching-kaos-spa-router.js @@ -1,4 +1,3 @@ - /* * A new feature for a new future: * @@ -11,3 +10,29 @@ * the "route" we got from `location.search`. * */ + +function locationHashSetter(value){ + window.location.hash = value; + locationHashOnChange(); +} + +function locationHashGetter(){ + return window.location.hash; +} + +function locationHashOnChange(){ + if ( window.location.hash !== 'undefined' ){ + var route = new Object; + route.id = window.location.hash; + console.log(route); + menuinit(); + if ( menuids.includes(route.id.replace('/','')) ){ + document.querySelector(route.id.replace('/','')).hidden=false; + } else { + document.querySelector('#not-found-section').hidden=false; + } + //menusel(route); + } else { + menuinit(); + } +} diff --git a/src/js/menu-magic.js b/src/js/menu-magic.js index b4ee247..7abd050 100644 --- a/src/js/menu-magic.js +++ b/src/js/menu-magic.js @@ -44,7 +44,8 @@ function menuinit(){ */ function menusel(m){ menuinit(); - document.querySelector(m.id.replace('/','')).hidden=false; + // document.querySelector(m.id.replace('/','')).hidden=false; + locationHashSetter(m.id); mainContainer.style.display = 'block'; if ( isMobile ) { |