ajax call json data renderer

This commit is contained in:
Bart van der Braak 2019-04-24 14:57:59 +02:00
parent 33a7f153f0
commit 2cdb340edd
6 changed files with 11441 additions and 126 deletions

10731
data/example.json Normal file

File diff suppressed because it is too large Load diff

View file

@ -25,4 +25,4 @@ Scorpion,6
Skeleton,5
Spider,6
Spiritual creatures,6
Wilderness bosses / demi-bosses,8
Bosses,8

1 monster taskweight
25 Skeleton 5
26 Spider 6
27 Spiritual creatures 6
28 Wilderness bosses / demi-bosses Bosses 8

112
data/krystilia.json Normal file
View file

@ -0,0 +1,112 @@
{
"data": [
{
"monster": "Ankou",
"taskweight": 6
},
{
"monster": "Aviansie",
"taskweight": 7
},
{
"monster": "Bandit",
"taskweight": 4
},
{
"monster": "Bear",
"taskweight": 6
},
{
"monster": "Black demon",
"taskweight": 7
},
{
"monster": "Black dragon",
"taskweight": 4
},
{
"monster": "Chaos druid",
"taskweight": 5
},
{
"monster": "Dark warrior",
"taskweight": 4
},
{
"monster": "Earth warrior",
"taskweight": 6
},
{
"monster": "Ent",
"taskweight": 5
},
{
"monster": "Fire giant",
"taskweight": 7
},
{
"monster": "Greater demon",
"taskweight": 8
},
{
"monster": "Green dragon",
"taskweight": 4
},
{
"monster": "Hellhound",
"taskweight": 7
},
{
"monster": "Ice giant",
"taskweight": 6
},
{
"monster": "Ice warrior",
"taskweight": 7
},
{
"monster": "Lava dragon",
"taskweight": 3
},
{
"monster": "Lesser demon",
"taskweight": 6
},
{
"monster": "Magic axe",
"taskweight": 7
},
{
"monster": "Mammoth",
"taskweight": 6
},
{
"monster": "Revenant",
"taskweight": 5
},
{
"monster": "Rogue",
"taskweight": 5
},
{
"monster": "Scorpion",
"taskweight": 6
},
{
"monster": "Skeleton",
"taskweight": 5
},
{
"monster": "Spider",
"taskweight": 6
},
{
"monster": "Spiritual creatures",
"taskweight": 6
},
{
"monster": "Bosses",
"taskweight": 8
}
]
}

View file

@ -1,3 +1,554 @@
{
"id"
}
[
{
"id": 0,
"monster": "Aberrant spectres",
"slayer_req": 60,
"masters": "3, 4, 5, 6"
},
{
"id": 1,
"monster": "Abyssal demons",
"slayer_req": 85,
"masters": "5, 6"
},
{
"id": 2,
"monster": "Ankous",
"slayer_req": 1,
"masters": "3, 5, 6"
},
{
"id": 3,
"monster": "Banshees",
"slayer_req": 15,
"masters": "1, 2, 3, 4, 5"
},
{
"id": 4,
"monster": "Basilisks",
"slayer_req": 40,
"masters": "3, 4, 5"
},
{
"id": 5,
"monster": "Bats",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 6,
"monster": "Bears",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 7,
"monster": "Birds",
"slayer_req": 1,
"masters": 1
},
{
"id": 8,
"monster": "Black demons",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 9,
"monster": "Black dragons",
"slayer_req": 1,
"masters": "5, 6"
},
{
"id": 10,
"monster": "Bloodvelds",
"slayer_req": 50,
"masters": "3, 4, 5, 6"
},
{
"id": 11,
"monster": "Blue dragons",
"slayer_req": 1,
"masters": "3, 4, 5"
},
{
"id": 12,
"monster": "Brine rats",
"slayer_req": 47,
"masters": "3, 4, 5, 6"
},
{
"id": 13,
"monster": "Bronze dragons",
"slayer_req": 1,
"masters": "3, 4"
},
{
"id": 14,
"monster": "Catablepon",
"slayer_req": 1,
"masters": 2
},
{
"id": 15,
"monster": "Cave bugs",
"slayer_req": 7,
"masters": 1
},
{
"id": 16,
"monster": "Cave crawlers",
"slayer_req": 10,
"masters": "2, 4"
},
{
"id": 17,
"monster": "Cave horrors",
"slayer_req": 58,
"masters": "4, 5, 6"
},
{
"id": 18,
"monster": "Cave slimes",
"slayer_req": 17,
"masters": "1, 2, 4"
},
{
"id": 19,
"monster": "Cockatrices",
"slayer_req": 25,
"masters": "2, 3"
},
{
"id": 20,
"monster": "Cows",
"slayer_req": 1,
"masters": 1
},
{
"id": 21,
"monster": "Crawling Hands",
"slayer_req": 5,
"masters": "1, 2, 4"
},
{
"id": 22,
"monster": "Crocodiles",
"slayer_req": 1,
"masters": 3
},
{
"id": 23,
"monster": "Dagannoths",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 24,
"monster": "Dark beasts",
"slayer_req": 90,
"masters": "6, 5"
},
{
"id": 25,
"monster": "Dogs",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 26,
"monster": "Dust devils",
"slayer_req": 65,
"masters": "3, 4, 5, 6"
},
{
"id": 27,
"monster": "Dwarfs",
"slayer_req": 1,
"masters": 1
},
{
"id": 28,
"monster": "Earth Warriors",
"slayer_req": 1,
"masters": 3
},
{
"id": 29,
"monster": "Elves",
"slayer_req": 1,
"masters": "3, 4, 5, 6"
},
{
"id": 30,
"monster": "Fever spiders",
"slayer_req": 42,
"masters": 4
},
{
"id": 31,
"monster": "Fire giants",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 32,
"monster": "Flesh Crawlers",
"slayer_req": 1,
"masters": 2
},
{
"id": 33,
"monster": "Fossil Island wyverns",
"slayer_req": 66,
"masters": "4, 5, 6"
},
{
"id": 34,
"monster": "Gargoyles",
"slayer_req": 75,
"masters": "4, 5, 6"
},
{
"id": 35,
"monster": "Ghosts",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 36,
"monster": "Ghouls",
"slayer_req": 1,
"masters": "2, 3"
},
{
"id": 37,
"monster": "Goblins",
"slayer_req": 1,
"masters": 1
},
{
"id": 38,
"monster": "Goraks",
"slayer_req": 1,
"masters": 6
},
{
"id": 39,
"monster": "Greater demons",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 40,
"monster": "Green dragons",
"slayer_req": 1,
"masters": 3
},
{
"id": 41,
"monster": "Harpie bug swarms",
"slayer_req": 33,
"masters": "3, 4, 6"
},
{
"id": 42,
"monster": "Hellhounds",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 43,
"monster": "Hill Giant",
"slayer_req": 1,
"masters": "2, 3"
},
{
"id": 44,
"monster": "Hobgoblins",
"slayer_req": 1,
"masters": 2
},
{
"id": 45,
"monster": "Hydras",
"slayer_req": 95,
"masters": 7
},
{
"id": 46,
"monster": "Icefiends",
"slayer_req": 1,
"masters": 1
},
{
"id": 47,
"monster": "Ice giants",
"slayer_req": 1,
"masters": 3
},
{
"id": 48,
"monster": "Ice warriors",
"slayer_req": 1,
"masters": "2, 3"
},
{
"id": 49,
"monster": "Infernal Mages",
"slayer_req": 45,
"masters": "2, 3, 4, 6"
},
{
"id": 50,
"monster": "Iron dragons",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 51,
"monster": "Jellies",
"slayer_req": 52,
"masters": "3, 4, 6"
},
{
"id": 52,
"monster": "Jungle horrors",
"slayer_req": 1,
"masters": "3, 4, 6"
},
{
"id": 53,
"monster": "Lizardmen",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 54,
"monster": "Lizards",
"slayer_req": 22,
"masters": "1, 2, 4"
},
{
"id": 55,
"monster": "Kalphites",
"slayer_req": 1,
"masters": "2, 4, 5, 6"
},
{
"id": 56,
"monster": "Killerwatts",
"slayer_req": 37,
"masters": "2, 3"
},
{
"id": 57,
"monster": "Kurasks",
"slayer_req": 70,
"masters": 4
},
{
"id": 58,
"monster": "Lesser demons",
"slayer_req": 1,
"masters": "3, 4"
},
{
"id": 59,
"monster": "Mithril dragons",
"slayer_req": 1,
"masters": "5, 6"
},
{
"id": 60,
"monster": "Minotaurs",
"slayer_req": 1,
"masters": 1
},
{
"id": 61,
"monster": "Mogres",
"slayer_req": 32,
"masters": "2, 3"
},
{
"id": 62,
"monster": "Molanisks",
"slayer_req": 39,
"masters": 3
},
{
"id": 63,
"monster": "Monkeys",
"slayer_req": 1,
"masters": 1
},
{
"id": 64,
"monster": "Moss giants",
"slayer_req": 1,
"masters": 3
},
{
"id": 65,
"monster": "Nechryaels",
"slayer_req": 80,
"masters": "5, 6"
},
{
"id": 66,
"monster": "Ogres",
"slayer_req": 1,
"masters": 3
},
{
"id": 67,
"monster": "Otherworldly beings",
"slayer_req": 1,
"masters": 3
},
{
"id": 68,
"monster": "Pyrefiends",
"slayer_req": 30,
"masters": "2, 3"
},
{
"id": 69,
"monster": "Red dragons",
"slayer_req": 1,
"masters": "5, 6"
},
{
"id": 70,
"monster": "Rockslugs",
"slayer_req": 20,
"masters": 2
},
{
"id": 71,
"monster": "Scabarites",
"slayer_req": 1,
"masters": "5, 6"
},
{
"id": 72,
"monster": "Scorpions",
"slayer_req": 1,
"masters": 1
},
{
"id": 73,
"monster": "Sea snakes",
"slayer_req": 1,
"masters": 3
},
{
"id": 74,
"monster": "Shades",
"slayer_req": 1,
"masters": 3
},
{
"id": 75,
"monster": "Shadow warriors",
"slayer_req": 1,
"masters": "3, 4"
},
{
"id": 76,
"monster": "Skeletal Wyverns",
"slayer_req": 72,
"masters": "5, 6"
},
{
"id": 77,
"monster": "Skeletons",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 78,
"monster": "Smoke devils",
"slayer_req": 93,
"masters": "5, 6"
},
{
"id": 79,
"monster": "Spiders",
"slayer_req": 1,
"masters": 1
},
{
"id": 80,
"monster": "Steel dragons",
"slayer_req": 1,
"masters": "4, 5, 6"
},
{
"id": 81,
"monster": "Suqahs",
"slayer_req": 1,
"masters": "5, 6"
},
{
"id": 82,
"monster": "Terror dogs",
"slayer_req": 40,
"masters": 3
},
{
"id": 83,
"monster": "Trolls",
"slayer_req": 1,
"masters": "3, 4, 5, 6"
},
{
"id": 84,
"monster": "Turoths",
"slayer_req": 55,
"masters": "3, 4, 5"
},
{
"id": 85,
"monster": "Vampyres",
"slayer_req": 1,
"masters": "2, 3"
},
{
"id": 86,
"monster": "Wall beasts",
"slayer_req": 35,
"masters": 2
},
{
"id": 87,
"monster": "Waterfiends",
"slayer_req": 1,
"masters": 5
},
{
"id": 88,
"monster": "Werewolves",
"slayer_req": 1,
"masters": 3
},
{
"id": 89,
"monster": "Wolves",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 90,
"monster": "Zombies",
"slayer_req": 1,
"masters": "1, 2"
},
{
"id": 91,
"monster": "Zygomites",
"slayer_req": 57,
"masters": "4, 5, 6"
}
]

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<title>Slayer Calc</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
@ -30,19 +30,19 @@
<div class="col-6">
<p>Unlocks:</p>
<form>
<ul><input type="checkbox" name="reddrags" value="reddrags">
<ul><input type="checkbox" name="reddrags" id="reddrags">
Seeing red (Unlocks Red Dragons)</ul>
<ul><input type="checkbox" name="mithdrags" value="mithdrags">
<ul><input type="checkbox" name="mithdrags" id="mithdrags">
I hope you mith me (Unlocks Mithril Dragons)</ul>
<ul><input type="checkbox" name="aviansie" value="aviansie">
<ul><input type="checkbox" name="aviansie" id="aviansie">
Watch the birdie (Unlocks Aviansies)</ul>
<ul><input type="checkbox" name="tzhaars" value="tzhaars">
<ul><input type="checkbox" name="tzhaars" id="tzhaars">
Hot stuff (Unlocks TzHaars)</ul>
<ul><input type="checkbox" name="lizardmen" value="lizardmen">
<ul><input type="checkbox" name="lizardmen" id="lizardmen">
Reptile got ripped (Unlocks Lizardmen)</ul>
<ul><input type="checkbox" name="bosses" value="bosses">
<ul><input type="checkbox" name="bosses" id="bosses">
Like a boss (Unlocks Bosses)</ul>
<ul><input type="checkbox" name="fossilwyverns" value="fossilwyverns">
<ul><input type="checkbox" name="fossilwyverns" id="fossilwyverns">
Stop the Wyvern (Disables Fossil Island Wyverns)</ul>
</form>
</div>
@ -69,119 +69,25 @@
<div class="col">
<h3>Krystilia</h3>
<p>Krystilia is a Slayer master found in Edgeville's jail north-east of the bank. When spoken to, she expresses her love for magic and the Wilderness, and claims the guards locked her in the cell for trouble-making.</p>
<table id="masterTable" class="table table-bordered table-hover table-condensed">
<thead><tr><th title="title1">Monster</th>
<th title="title2">Task weight</th>
</tr></thead>
<table id="example" class="display nowrap" width="100%">
<thead>
<tr>
<th>Monster</th>
<th>Task weight</th>
<th>Chance</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Monster</th>
<th>Task weight</th>
<th>Chance</th>
</tr>
</tfoot>
<tbody>
<tr>
<td>Ankou</td>
<td>6</td>
</tr>
<tr>
<td>Aviansie</td>
<td>7</td>
</tr>
<tr>
<td>Bandit</td>
<td>4</td>
</tr>
<tr>
<td>Bear</td>
<td>6</td>
</tr>
<tr>
<td>Black demon</td>
<td>7</td>
</tr>
<tr>
<td>Black dragon</td>
<td>4</td>
</tr>
<tr>
<td>Chaos druid</td>
<td>5</td>
</tr>
<tr>
<td>Dark warrior</td>
<td>4</td>
</tr>
<tr>
<td>Earth warrior</td>
<td>6</td>
</tr>
<tr>
<td>Ent</td>
<td>5</td>
</tr>
<tr>
<td>Fire Giant</td>
<td>7</td>
</tr>
<tr>
<td>Greater demon</td>
<td>8</td>
</tr>
<tr>
<td>Green dragon</td>
<td>4</td>
</tr>
<tr>
<td>Hellhoud</td>
<td>7</td>
</tr>
<tr>
<td>Ice giant</td>
<td>6</td>
</tr>
<tr>
<td>Ice warrior</td>
<td>7</td>
</tr>
<tr>
<td>Lava dragon</td>
<td>3</td>
</tr>
<tr>
<td>Lesser dragon</td>
<td>6</td>
</tr>
<tr>
<td>Magic axe</td>
<td>7</td>
</tr>
<tr>
<td>Mammoth</td>
<td>6</td>
</tr>
<tr>
<td>Revenant</td>
<td>5</td>
</tr>
<tr>
<td>Rogue</td>
<td>5</td>
</tr>
<tr>
<td>Scorpion</td>
<td>6</td>
</tr>
<tr>
<td>Skeleton</td>
<td>5</td>
</tr>
<tr>
<td>Spider</td>
<td>6</td>
</tr>
<tr>
<td>Spiritual creatures</td>
<td>6</td>
</tr>
<tr>
<td>Boss</td>
<td>8</td>
</tr>
</tbody>
</table>
</div>

View file

@ -1,7 +1,22 @@
$(document).ready( function () {
$('#masterTable').DataTable();
$(document).ready(function() {
$('#example').DataTable({
ajax: "data/krystilia.json",
columns: [
{ data: 'monster'},
{ data: 'taskweight'},
{
data: null,
render: function ( data, type, row ) {
return Math.round( col.taskweight * row.taskweight * 100 )+'%';
}
}
]
});
} );
function filterEntries() {
}