{ "version": "https://jsonfeed.org/version/1.1", "title": "chem-bla-ics", "description": "Chemblaics (pronounced chem-bla-ics) is the science that uses open science and computers to solve problems in chemistry, biochemistry and related fields.", "home_page_url": "https://chem-bla-ics.linkedchemistry.info/", "feed_url": "https://chem-bla-ics.linkedchemistry.info/2013/10/09/programming-in-life-sciences-5.json", "icon": "https://chem-bla-ics.linkedchemistry.info/assets/images/chem-bla-ics_logo.png", "language": "en", "authors": [ { "name": "Egon Willighagen", "url": "https://orcid.org/0000-0001-7542-0286", "_orcid": "0000-0001-7542-0286" } ], "items": [ { "id": "https://doi.org/10.59350/7yj2v-4sz07", "url": "https://chem-bla-ics.linkedchemistry.info/2013/10/09/programming-in-life-sciences-5.html", "title": "Programming in the Life Sciences #5: converting the results into HTML", "content_html": "

Now that we have the communication working\nwith the Open PHACTS LDA, it is time to make a nice GUI. I will not go into details, but we can use basic JavaScript to\niterate over the JSON results, and, for example, create a HTML table:

\n\n

\"\"

\n\n

In fact, I hooked in some HTML onClick() functionality so that when you click one of the compound names, you get further\ndetails (under Compound Details), though that only outputs the ConceptWiki URI at this moment. A simple for-loop does\nthe heavy work:

\n\n
html = \"<table>\";\nfor (var i=0; i<response.length; i++) {\n  html += \"<tr>\";\n  html += \"<td>\";\n  dataJSON = JSON.stringify(response[i]);\n  //   dataJSON.replace(/\"/g, \"'\");\n  html += \"Name: <span>\" + response[i].prefLabel + \"</span>\";\n  html += \"</td>\";\n  html += \"</tr>\";\n}\nhtml += \"</table>\";\ndocument.getElementById(\"table\").innerHTML = html;\n
\n\n

So, we’re set to teach the students all the basics of programming: loops, variables, functions, etc.

", "summary": "Now that we have the communication working with the Open PHACTS LDA, it is time to make a nice GUI. I will not go into details, but we can use basic JavaScript to iterate over the JSON results, and, for example, create a HTML table:", "image": "https://chem-bla-ics.linkedchemistry.info/assets/images/mscpils1_output.png", "date_published": "2013-10-09T00:00:00+00:00", "date_modified": "2025-02-15T00:00:00+00:00", "tags": ["pra3006","html","javascript"], "authors": [ { "name": "Egon Willighagen", "url": "https://orcid.org/0000-0001-7542-0286" } ] } ] }