FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
python-sidebar.github.io/docs/_static/menu.js at main · python-sidebar/python-sidebar.github.io · GitHub
python-sidebar
python-sidebar.github.io
Repository navigation
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
python-sidebar.github.io
/
docs
/
_static
/
menu.js
Copy path
More file actions
More file actions
Latest commit
History
History
History
55 lines (51 loc) · 2.08 KB
Breadcrumbs
python-sidebar.github.io
/
docs
/
_static
/
menu.js
Copy path
File metadata and controls
55 lines (51 loc) · 2.08 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
document
.
addEventListener
(
'DOMContentLoaded'
,
function
(
)
{
// Make tables responsive by wrapping them in a div and making them scrollable
const
tables
=
document
.
querySelectorAll
(
'table.docutils'
)
;
tables
.
forEach
(
function
(
table
)
{
table
.
outerHTML
=
'<div class="responsive-table__container">'
+
table
.
outerHTML
+
'</div>'
}
)
;
const
togglerInput
=
document
.
querySelector
(
'.toggler__input'
)
;
const
togglerLabel
=
document
.
querySelector
(
'.toggler__label'
)
;
const
sideMenu
=
document
.
querySelector
(
'.menu-wrapper'
)
;
const
menuItems
=
document
.
querySelectorAll
(
'.menu'
)
const
doc
=
document
.
querySelector
(
'.document'
)
;
const
body
=
document
.
querySelector
(
'body'
)
;
function
closeMenu
(
)
{
togglerInput
.
checked
=
false
;
sideMenu
.
setAttribute
(
"aria-expanded"
,
'false'
)
;
sideMenu
.
setAttribute
(
'aria-hidden'
,
'true'
)
;
togglerLabel
.
setAttribute
(
'aria-pressed'
,
'false'
)
;
body
.
style
.
overflow
=
'visible'
;
}
function
openMenu
(
)
{
togglerInput
.
checked
=
true
;
sideMenu
.
setAttribute
(
"aria-expanded"
,
'true'
)
;
sideMenu
.
setAttribute
(
'aria-hidden'
,
'false'
)
;
togglerLabel
.
setAttribute
(
'aria-pressed'
,
'true'
)
;
body
.
style
.
overflow
=
'hidden'
;
}
// Close menu when link on the sideMenu is clicked
sideMenu
.
addEventListener
(
'click'
,
function
(
event
)
{
let
target
=
event
.
target
;
if
(
target
.
tagName
.
toLowerCase
(
)
!==
'a'
)
return
;
closeMenu
(
)
;
}
)
// Add accessibility data when sideMenu is opened/closed
togglerInput
.
addEventListener
(
'change'
,
function
(
e
)
{
togglerInput
.
checked
?
openMenu
(
)
:
closeMenu
(
)
;
}
)
;
// Make sideMenu links tabbable only when visible
for
(
let
menuItem
of
menuItems
)
{
if
(
togglerInput
.
checked
)
{
menuItem
.
setAttribute
(
'tabindex'
,
'0'
)
;
}
else
{
menuItem
.
setAttribute
(
'tabindex'
,
'-1'
)
;
}
}
// Close sideMenu when document body is clicked
doc
.
addEventListener
(
'click'
,
function
(
)
{
if
(
togglerInput
.
checked
)
{
closeMenu
(
)
;
}
}
)
}
)
Back
|
FazBrowse Home
|
New Git URL