Migrate JME Applet to JSME JavaScript

Q

How to migrate my old JME Applet Web pages to use JSME JavaScript?

✍: FYIcenter.com

A

If you have old Web pages that use the JME Applet molecule editor, you migrate your old pages to use JSME by making 2 changes:

1. Load JSME JavaScript library using a "script" tag in the "head" tag.

<script type="text/javascript" src="/jsme/jsme.nocache.js"></script>

2. Switch the "applet" tag to "div" tag. JSME is smart to read "code" and "archive" attributes in the "div" tag.

<div code="JME.class" archive="JME.jar" width="380px" height="340px">
  <param name="options" value="useopenchemlib"/>
  <param name="smiles" value="c1ccccc1"/>
</div>

Here is a simple example of running JSME JavaScript version like the JME applet version:

<html>
<head>
<title>JME Applet Migration</title>

<!-- loading JSME JavaScript library -->
<script type="text/javascript" src="/jsme/jsme.nocache.js"></script>
</head>
<body>
<p>Hello, please try the JSME molecule editor below:</p>

<!-- running JSME using "div" to simulate "applet" -->
<div code="JME.class" archive="JME.jar" width="380px" height="340px">
  <param name="options" value="useopenchemlib"/>
  <param name="smiles" value="c1ccccc1"/>
</div>
</body>
</html>

⇒ JSME Molecule Editor User Interface

⇐ JS Loading Error - JSME Instance Named as "jsme"

⇑ JSME JavaScript API

⇑⇑ JSME Tutorials

2020-05-18, 706👍, 0💬

What Is JSME JavaScript API
What is JSME JavaScript API? I want to see an example on how to use it. JSME JavaScript API is programming interface provided by JSME for your JavaScript code to interact with the JSME editor. JSME JavaScript API offers the following primary methods under the "JSApplet.JSME" class, which is provided... 2020-05-18, 2210👍, 0💬

JSME Molecule Editor Options
What JSME Molecule Editor Options? JSME Molecule Editor Options are parameters that can be passed to the editor through the API to change it behavior. Here are the options supported by JSME: xbutton, noxbutton - show / hide the X button (default is xbutton) rbutton, norbutton - show / hide the R but... 2020-05-18, 1884👍, 0💬

Save Molecule from JSME to Server
How to save molecules created in JSME editor to the Web server? If you want to save the molecule structure created in the JSME editor to the backend Web server, you need write JavaScript code to extract the molecule data and send it as HTML form parameters. 1. Create a new HTML document, save-molecu... 2020-05-18, 1510👍, 0💬

Show InChI and InChIKey on JSME
How to display the InChI string and InChIKey of the molecule in JSME editor? JSME does not offer any API methods to export the InChI string and InChIKey of the molecule in the editor. But you can display them on the editor UI. 1. Follow the previous tutorial to install JSME on your Web server. 2. Ru... 2020-05-18, 1232👍, 0💬

Loading JSME JavaScript in "body"
Can I load JSME JavaScript code in HTML "body" element instead of "head"? Yes, you can load JSME JavaScript code in HTML "body" element instead of "head" 1. Create a new HTML document, load-JSME-in-body.html, with JSME loaded in the "body" element: <html> <head> <t... 2020-05-18, 1208👍, 0💬

Build Molecule Pattern in JSME
How to build a molecule pattern in JSME editor? I also want to save it a SMARTS string to do substructure search. If you want to build a molecule pattern in JSME, you can follow this tutorial. 1. Follow the previous tutorial to install JSME on your Web server. 2. Run the demo page on the Apache Web ... 2020-05-18, 930👍, 0💬

JSME Molecule Editor User Interface
Where to find FAQ (Frequently Asked Questions) on JSME Molecule Editor User Interface? Here is a list of tutorials to answer many frequently asked questions compiled by FYIcenter.com team on JSME Molecule Editor User Interface. JSME User Interface Menu Icons Show InChI and InChIKey on JSME Build Mol... 2020-08-03, 873👍, 1💬

JS Loading Error - JSME Instance Named as "jsme"
Why I am getting the JavaScript file loading error, if I name the JSME Instance Named as "jsme"? "jsme" is used in JSME JavaScript code for another object. If you use it to name your new JSME object, it will override the other object and cause JavaScript loading errors. 1. Follow the previous tutori... 2020-05-18, 798👍, 0💬

JSME User Interface Menu Icons
What are JSME user interface menu icons? JSME user interface menu icons are organized into 3 groups: 1. Action Icons - Located on in the first icon bar on top of the editor. Actions icons allows you to perform the following actions: SMILES - Displays the SMILES string of everything in the editor. De... 2020-05-18, 780👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.