{ "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/2007/01/02/chemistry-in-html-javascript-from.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/dmfek-pdt97", "url": "https://chem-bla-ics.linkedchemistry.info/2007/01/02/chemistry-in-html-javascript-from.html", "title": "Chemistry in HTML: JavaScript from the server", "content_html": "

Recently I blogged about a Greasemonkey script \nto take advantage of semantic markup of chemistry in blogs \n(and HTML in general), and later made some plans how this can be\nextended .\nOne of the ideas was to make this userscript available from the server, instead\nof having people need to install Greasemonkey\nand the script separately. So, here it is.

\n\n

sechemtic.js

\n\n

Consider this (X)HTML:

\n\n
<html xmlns=\"http://www.w3.org/1999/xhtml\"\n      xmlns:chem=\"http://www.blueobelisk.org/chemistryblogs/\">\n\n<head>\n <title>m1</title>\n <script type=\"text/javascript\" src=\"sechemtic.js\" />\n</head>\n\n<body onload=\"addGoogleAndPubChemLinks(1,1)\">\n  <h1>The Output</h1>\n  <p>This article is about <span class=\"chem:compound\">m1</span> \n  (SMILES:<span class=\"chem:smiles\">CCCOC</span>).</p>\n\n</body>\n\n</html>\n
\n\n

\"\"

\n\n

I think the above example shows the simple setup of the Sechemtic Web script (please\nforgive me my habit to use bad linguistic mashups ;). Just load the script in the\nHTML <head>, and add in the onload=\"addGoogleAndPubChemLinks(1,1)\" attribute to\nthe <body> element. With blogs these bits would be part of the template, and,\ntherefore, need to be installed once. From then on, just use the semantic markup as\nexplained earlier .\nBoth the microformat and the RDFa method are supported. In\ncase of the latter, I recommend to define the chem namespace in the template of\nwebpages too, instead of in the <span> elements.

\n\n

Currently, the Sechemtic Web script only has one functionality: to add links to\nPubChem and Google,\nwith the addGoogleAndPubChemLinks(int, int) method. The\nfirst parameter determines (0 or 1) if links to Google should be made, and the\nsecond parameter does the same for links to PubChem.

\n\n

Download

\n\n

For now, the script can be downloaded here.\nIt is licensed with the GPL version 2.0.

\n\n

Microformats

\n\n

Here’s the same example using microformats\ninstead of RDFa:

\n\n
<html>\n\n<head>\n <title>m1</title>\n <script type=\"text/javascript\" src=\"sechemtic.js\" />\n</head>\n\n<body onload=\"addGoogleAndPubChemLinks(1,1)\">\n  <h1>The Output</h1>\n  <p>This article is about <span class=\"compound\">m1</span> \n  (SMILES:<span class=\"smiles\">CCCOC</span>).</p>\n\n</body>\n\n</html>\n
", "summary": "Recently I blogged about a Greasemonkey script to take advantage of semantic markup of chemistry in blogs (and HTML in general), and later made some plans how this can be extended . One of the ideas was to make this userscript available from the server, instead of having people need to install Greasemonkey and the script separately. So, here it is.", "image": "https://chem-bla-ics.linkedchemistry.info/assets/images/sechemticJSOutput.png", "date_published": "2007-01-02T00:00:00+00:00", "date_modified": "2025-04-27T00:00:00+00:00", "tags": ["html","javascript","userscript","rdfa"], "authors": [ { "name": "Egon Willighagen", "url": "https://orcid.org/0000-0001-7542-0286" } ] } ] }