image from marvinjs

Hi,

 

I have an instance of marvinjs on a web page to sketch a molecule and I wanted to  get an image of this molecule. So I tried the code below and it worked just fine.

var marvinSketcherInstance;

		

		$(document).ready(function handleDocumentReady (e) {

			// get the reference to the Marvin JS editor

			MarvinJSUtil.getEditor("#sketch").then(function (sketcherInstance) {

				marvinSketcherInstance = sketcherInstance;

				initControl();

			},function (error) {

				alert("Cannot retrieve sketcher instance from iframe:"+error);

			});

		});



		function initControl () {



			// the export button

			$("#btn-export").on("click", function (e) {

				var settings = {

						'width' : 150,

						'height' : 150

				};

				marvinSketcherInstance.exportStructure("jpeg", settings).then(function(source) {

					exportImage(source);

				}, function(error) {

					alert("Image export failed:"+error);	

				});

			});

		}



		function exportImage(dataUrl) {

			// set image source for the existing hidden image tag and display it.

			$("#image").attr("src", dataUrl);

			$("#imageContainer").css("display", "inline-block");

		}

 

However, I want to dislay this image on another webpage so I tried to put the url in an variable but once on the other webpage it's gone (even if put in a session variable). I also tried with the function molToDataUrl but so far even if I'm able to have the url on the webpage diplaying the sketcher, I loose it as soon as I'm not on this page anymore.

Do you have any idea on how I should to display this image on a different web page than the one diplaying the sketcher please ? Maybe I'm missing a step here ?

 

Thanks for your help :)

 

Dear Labbe,

I think you have 2 options:

• Store your generated image on a server when you generate it, and retrieve it on the new page (you should ensure that both pages wil have access to write-read data from the server)


• When you navigate to the new page you should store the image data in the url via a POST or GET method, so the new page's url will be (http://www.newpage.com/newpage?image=theimageurl) and retrieve it from the url.

You can learn more abput post and get methods here: http://www.w3schools.com/tags/ref_httpmethods.asp

Regards,

Janos

Dear Janos,

 

thanks for your answer. I already tried to store the url via the post method and it worked contrary to what I said.  I've finally identified the problems . It seems the first one was due to a replacement of the "+" of the url by a space (Oo) and a syntaxe probleme that was easier to find once the url was correct. So now it works !

Thanks again for your help

 

Regards

Dear Labbe,

Thank you for your reply. Please, let us know if any further question arises.