rdkit in javascript-2

The day before yesterday, I posted short code about rdkitjs.
Today I added some sample code in my github repo.
RDKitjs can draw molecule as svg using Drawing2D function.
So, I wrote javascript and embedded it to HTML.
Following code…
I used replace function in moldraw, because Drawing2D() function return svg:svg tag.
does not work in HTML.

<!DOCTYPE HTML>
<head>
<script type='text/javascript' src='/static/rdkit.js'></script>
<script>
function molwt( smi ){
	var mol = RDKit.Molecule.fromSmiles( smi );
	var mw = mol.getMW();
	document.getElementById( 'molwt' ).innerHTML = 'molweight===>>>'+ '  '+ mw;
}
function moldraw( smi ){
	var mol = RDKit.Molecule.fromSmiles( smi );
	var mol2d = mol.Drawing2D();
	var remol = mol2d.replace( /svg:/g, '' );
	document.getElementById( 'molimage' ).innerHTML = remol;
}
</script>

</head>
<body>
<h>rdkitjs test</h><br><br>

<form name='chemo'>
    Input smilestrings;<br> 
    	<textarea name='smi'></textarea>
    input smiles<br><br>
    	<input name='calc' value='cal' type='button' onClick='molwt( document.chemo.smi.value )'><br><br>
    show mol<br>
    	<input name='getimage' value='mouseover' type='button' onMouseover='moldraw( document.chemo.smi.value )'>
</form>

<div id='molwt'></div><br>
<div id='molimage'></div><br>


</body>
</html>

Run script, and access localhost.
Input smile strings and mouseover the button.
The function draw molecule. 😉

https://github.com/iwatobipen/rdkit_javascript

Screen Shot 2015-05-23 at 10.56.05 PM

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中