You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
a-manga-thing/catalog/js/catalog.js

35 lines
1.3 KiB

function load() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function () {
if(this.readyState == 4 && this.status == 200){
console.log("loaded");
console.log(this.responseText);
var res = JSON.parse(this.responseText);
var strCatalog = "";
res.forEach(manga => {
strCatalog += '<tr>\
<td class="cover">\
<img class="thumbnail" src="img/covers/'+manga["id"]+'.jpg"/>\
</td>\
<td class="description">\
<p><b>'+manga["title"]+'</b></p>\
<p>Scanlation: ?</p>\
<p>Status: ?</p>\
<p>Chapters: ?</p>\
<p>Last update: ?</p>\
<p>\
Link:\
<a href="reader.html?manga='+manga["id"]+'">reader</a>\
</p>\
</td>\
</tr>';
});
console.log(strCatalog);
document.getElementById("titles").innerHTML = strCatalog;
}
}
xmlhttp.open("GET", "/db.json", true);
xmlhttp.send();
}
document.onreadystatechange = load();