BioinformaticsToolsLibraryMobileUI/DIV_generator at master · USDBioinformatics/BioinformaticsToolsLibraryMobileUI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"> </script>
<script type="text/json" language="json" src="tools_structured.json"></script>
<!-- START JSON Parser -->
<script>


 $(function() {

   $.getJSON('tools_structured.json', function(data) {


   		// Displays the tools in a table
       $.each(data.tool, function(i, f) {
		 var tblRow = "<tr>" + "<td>" + f.name + "</td>" +
           "<td>" + f.display_name + "</td>" + "<td>" + f.version + "</td>" + "<td>" + f.summary + "</td>" + "<td>" + f.description + "</td>" + "<td>" + f.example + "</td>" +"<td>" + f.links + "</td>" +"<td>" + f.references + "</td>" +"<td>" + f.availability + "</td>" +"<td>" + f.technology + "</td>" +"<td>" + f.programming_language + "</td>" +"<td>" + f.license + "</td>" +"<td>" + f.operating_system + "</td>" +"<td>" + f.inputs + "</td>" +"</tr>"
        $(tblRow).appendTo("#userdata tbody");


     });

		$.each(data.tool, function() {
		    console.log($(this)[0])
		    // Create a for loop
		 document.getElementById("tester").innerHTML = data.tool[0].name
		})

   });
});

</script>
<!-- END JSON Parser -->
</head>

<body>

<div class="wrapper">
<div class="profile">
<h1 id= "tester"> test</h1>
   <table id= "userdata" border="2">
  <thead>
            <th>Name</th>
            <th>Display Name</th>
            <th>Version</th>
            <th>Summary</th>
           <th>description</th>
           <th>example</th>
           <th>links</th>
           <th>references</th>
           <th>availability</th>
           <th>technology</th>
           <th>programming_language</th>
           <th>license</th>
           <th>operating_system</th>
           <th>inputs</th>
        </thead>
      <tbody>

       </tbody>
   </table>


</div>
</div>

</body>
</html>