Difference between revisions of "MediaWiki:Sandbox.js"

From Virtuverse Wiki
Jump to navigation Jump to search
(Created page with "$(function () { console.log("javascript loaded here!!") }());")
 
 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
$(function () {
+
function drawTable(mobs) {
   console.log("javascript loaded here!!")
+
  var output = $("#sandbox-output");
}());
+
  var html = "<table class='vvwiki-table'><tr><th>Name</th><th>HP</th><th>Damage</th></tr>";
 +
  mobs.forEach(function(mob) {
 +
      var url = "/index.php/Creatures:"+mob["name"];
 +
      html += "<tr>";
 +
      html += "<td><b><a href='"+url+"'>"+mob["name"]+"</a></b></td>";
 +
      html += "<td>"+mob["hp"]+"</td>";
 +
      html += "<td>"+mob["damage"]+"</td>";
 +
      html += "</tr>"
 +
   });
 +
  html += "</table>";
 +
  output.html(html);
 +
}
 +
 
 +
$(document).ready(function() {
 +
  $.ajax({
 +
    type: "GET",
 +
    dataType: "json",
 +
    url: "/vv-api/get-creatures.php",
 +
    success: function(data) {
 +
        drawTable(data.result);
 +
    },
 +
    error: function(status, exec) {
 +
        // TODO error message
 +
    }
 +
  });
 +
 
 +
  $('#sandbox-output').html('Sandbox JS loaded!');
 +
});

Latest revision as of 06:37, 6 August 2019

function drawTable(mobs) {
   var output = $("#sandbox-output");
   var html = "<table class='vvwiki-table'><tr><th>Name</th><th>HP</th><th>Damage</th></tr>";
   mobs.forEach(function(mob) {
      var url = "/index.php/Creatures:"+mob["name"];
      html += "<tr>";
      html += "<td><b><a href='"+url+"'>"+mob["name"]+"</a></b></td>";
      html += "<td>"+mob["hp"]+"</td>";
      html += "<td>"+mob["damage"]+"</td>";
      html += "</tr>"
   });
   html += "</table>";
   output.html(html);
}

$(document).ready(function() {
  $.ajax({
     type: "GET",
     dataType: "json",
     url: "/vv-api/get-creatures.php",
     success: function(data) {
        drawTable(data.result);
     },
     error: function(status, exec) {
        // TODO error message
     }
  });

  $('#sandbox-output').html('Sandbox JS loaded!');
});