8c3d452b1b239d873fad6d0f0405ff4907497fbd
5 * @copyright 2018 - Ken Grimes
6 * @summmary Script for populating text to summary box on svg:hover
9 window
.onload
= () => {
10 const nav
= document
.body
.getElementsByTagName('header').item(0).getElementsByTagName('nav').item(0)
11 const navAnchors
= Array
.from(nav
.getElementsByTagName('a'))
12 const pageDisplay
= nav
.getElementsByTagName('header').item(0)
13 const currentPageName
= `${pageDisplay.innerHTML}`
14 const updateNav
= () => navAnchors
.forEach((a
) => {
15 const summary
= a
.getElementsByTagName('summary').item(0).innerHTML
16 const svg
= a
.getElementsByTagName('svg').item(0)
17 a
.addEventListener('mouseover', () => pageDisplay
.innerHTML
= summary
)
18 a
.addEventListener('mousedown', () => pageDisplay
.innerHTML
= summary
)
19 a
.addEventListener('mouseout', () => pageDisplay
.innerHTML
= currentPageName
)