fujin/gruvbox-wallpapers
1
0
Fork 0
mirror of https://github.com/AngelJumbo/gruvbox-wallpapers.git synced 2026-08-05 13:42:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move js into its own file

Browse Source
This commit is contained in:
Katy248
2024-06-01 11:20:43 +03:00
parent 5a73cf5341
commit 6409642dc3
2 changed files with 25 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.js
+23
View File
@@ -0,0 +1,23 @@
function loadPage(section, page) {
let buttons = document.getElementById(section).getElementsByTagName("button");
let currSel;
for (let i in buttons) {
if (buttons[i].classList?.contains("sel-btn")) {
if (page - 1 == i) return;
else {
currSel = buttons[i];
break;
}
}
}
fetch(section + "_page" + page + ".html")
.then((response) => response.text())
.then((data) => {
document.getElementById(section + "-content").innerHTML = data;
if (currSel) {
currSel.classList.remove("sel-btn");
}
document.getElementById(section).getElementsByTagName("button")[page - 1].classList.add("sel-btn");
});
}
build.sh
+2 -28
View File
@@ -26,36 +26,10 @@ write_header(){
<head>
<meta charset=\"utf-8\">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name='viewport' content='idth=device-width, initial-scale=1.0'>
<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">
<title>Gruvbox wallpapers</title>
<script>
function loadPage(section, page) {
let buttons = document.getElementById(section ).getElementsByTagName('button');
let currSel;
for(let i in buttons){
if(buttons[i].classList?.contains('sel-btn')){
if(page-1 == i)
return;
else{
currSel = buttons[i];
break;
}
}
}
fetch(section + '_page' + page + '.html')
.then(response => response.text())
.then(data => {
document.getElementById(section + '-content').innerHTML = data;
if (currSel){
currSel.classList.remove('sel-btn');
}
document.getElementById(section).getElementsByTagName('button')[page-1].classList.add('sel-btn');
});
}
</script>
<script src='app.js' defer></script>
</head>
<body>