Add and remove .png from project library to stage.

Question

Hi, I have a few .png files in my project library. I'd like to add and remove them based on some other user input using JS. These are my functions.function addMoleculeImage(name) {
	let file_extension = ".png";
	let temp_name = name.concat(file_extension).toString();
	stage.addChild(temp_name);
}

function removeMoleculeImage(name) {
	let file_extension = ".png";
	let temp_name = name.concat(file_extension).toString();
	stage.removeChild(temp_name);
} I get the following error in the console:Uncaught TypeError: Cannot create property 'parent' on string 'acetate.png' Any ideas why this is happening? Am I misunderstanding how to call something from my project library (I'm guessing so!)? Thanks in advance for your help.

JoãoCésar17023019 · Accepted Answer

Hi.

You're trying to add a string to the stage. You can only add display objects to the display list.

Also, you need the lib object to spawn Library instances at runtime and bracket notation to pick a symbol class dynamically . For example:

var root = this;
var molecule;
var moleculeLinkage = "YourBitmapLinkage"; // the linkage string is set in the Library in the Linkage column

function addMoleculeImage(linkage)
{
	if (molecule)
		removeMoleculeImage(molecule);
	
	molecule = new lib[linkage](); // e.g.: new lib.YourBitmapLinkage();
	root.addChild(molecule);
}

function removeMoleculeImage(instance)
{
	if (instance && instance.stage)
		instance.parent.removeChild(instance);
}

root.addButton.on("click", function(){ addMoleculeImage(moleculeLinkage); });
root.removeButton.on("click", function(){ removeMoleculeImage(molecule); });

I hope it helps.

Regards,

JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded