onload-Handler + nur 7 Spalten

index.html

@@ -69,10 +69,6 @@
 
         <div class="table">
             <table id="t01"></table>
-            <script>
-                // create table
-                handleFile("resources/world_data_v1.csv")
-            </script>
         </div>
 
 

js/table.js

@@ -4,6 +4,10 @@
 // Source: https://www.w3schools.com/howto/howto_js_sort_table.asp
 // Source: https://stackoverflow.com/questions/19105009/how-to-insert-variables-in-javascript-strings
 
+window.onload = function() {
+    handleFile("resources/world_data_v1.csv");
+};
+
 function handleFile(path) {
     // Check for the various File API support.
     if (window.FileReader) {
@@ -38,6 +42,7 @@ function rerequestFile(path, columns) {
 }
 
 function processData(csv, path) {
+    var columnAmount = 7;
     var table = "";
     var checkbox = "";
 
@@ -50,7 +55,7 @@ function processData(csv, path) {
 
     var data = allTextLines[0].split(",");
 
-    for (var j = 0; j < data.length; j++) {
+    for (var j = 0; j < columnAmount; j++) {
         // create table column header
         table += "<th onclick=\"sortTable(" + j + ")\" >";
         table += data[j];
@@ -66,32 +71,13 @@ function processData(csv, path) {
     checkbox += "</ul>";
     table += "</tr>";
 
-    /*
-    for (var j = 0; j < data.length; j++) {
-        var test = j % 3;
-
-        if (test == 0) {
-            checkbox += "<div class='did'><ul>";
-        }
-
-        checkbox += "<li>";
-        checkbox += "<input id='" + data[j] + "' type='checkbox' checked='checked' onclick=\"toggleColumn('" + path + "')\"/>";
-        checkbox += data[j];
-        checkbox += "</li>";
-
-        if (test == 2) {
-            checkbox += "</ul></div>";
-        }
-    }
-    */
-
     // create table content
     for (var i = 1; i < allTextLines.length; i++) {
         var data = allTextLines[i].split(',');
 
         table += "<tr>";
 
-        for (var j = 0; j < data.length; j++) {
+        for (var j = 0; j < columnAmount; j++) {
             table += "<td>";
             table += data[j];
             table += "</td>";