moonq/mirva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

okay, lets add a little js arrow keys interaction

Browse Source
This commit is contained in:
Q
2021-11-14 11:24:28 +02:00
parent 611574efa7
commit 4a6ff9cbe2
3 changed files with 64 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
mirva/mirva.py
View File

@@ -158,43 +158,7 @@ Released : 20110306
<link rel="shortcut icon" href="{resource}/mirva.ico"/>
<title>{page_title}</title>
<link href="{resource}/style.css" rel="stylesheet" type="text/css" media="screen" />
<script>
function r(f){{/in/.test(document.readyState)?setTimeout('r('+f+')',9):f()}}
r(function(){{
create_nav();
}});
function create_nav() {{
let navis = document.getElementsByClassName("navigation");
for (let i = 0; i<navis.length; i++) {{
if (i==navis.length-1) {{
navis[i].appendChild(create_button("up", navis[0]));
continue;
}}
if (navis[i-1]) {{
navis[i].appendChild(create_button("up", navis[i-1]));
}} else {{
navis[i].appendChild(create_button("up", document.body));
}}
if (navis[i+1]) {{
navis[i].appendChild(create_button("down", navis[i+1]));
}}
}}
}}
function create_button(direction, to) {{
let container = document.createElement('div');
container.classList.add("float_" + direction);
let button = document.createElement('img');
button.src = "{resource}/arrow_" + direction + ".png";
button.classList.add("navigation_button");
button.onclick = function(){{
to.parentElement.scrollIntoView({{behavior: "smooth"}});
}};
container.appendChild(button);
return container
}}
</script>
<script src="{resource}/mirva.js"></script>
</head>
<body>
<div id="wrapper">
@@ -303,6 +267,7 @@ function create_button(direction, to) {{
"arrow_down.png",
"banner.jpg",
"mirva.ico",
"mirva.js",
):
if os.path.exists(os.path.join(self.resource_dir, f)):
continue