Ellpeck/Web
1
0
Fork 0
Code Issues Pull requests Actions Releases Activity

made the blog navigation be loaded dynamically

Browse source
This commit is contained in:
Ellpeck 2019-10-15 12:26:30 +02:00
parent 73c3520490
commit 08244caa2f
2 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
node/blog.js
View file

@ -49,10 +49,7 @@ function createBlogPages(folder) {
var nav = "";
nav += '<a class="nav-item nav-link" href="/#blog">Back to Main Page</a>';
if (i > 0)
nav += '<a class="nav-item nav-link" href="/blog-' + json[i - 1]["id"] + '">Previous Post</a>';
if (i < json.length - 1)
nav += '<a class="nav-item nav-link" href="/blog-' + json[i + 1]["id"] + '">Next Post</a>';
nav += '<script src="scripts/blog-nav.js"></script>';
document.getElementById("nav-items").innerHTML = nav;
var c = "";

20
scripts/blog-nav.js Normal file
View file

@ -0,0 +1,20 @@
$.ajax({
dataType: "json",
url: "blog/posts.json",
cache: false,
success: function (json) {
for (let i = json.length - 1; i >= 0; i--) {
let post = json[i];
if (!$("#blog-post-" + post["id"]).length)
continue;
let nav = "";
if (i > 0)
nav += '<a class="nav-item nav-link" href="/blog-' + json[i - 1]["id"] + '">Previous Post</a>';
if (i < json.length - 1)
nav += '<a class="nav-item nav-link" href="/blog-' + json[i + 1]["id"] + '">Next Post</a>';
$("#nav-items").append(nav);
break;
}
}
});