Forum Discussion

ZsoltOlah's avatar
ZsoltOlah
Super Hero
10 years ago

Changing state directly from JavaScript?

Hello Heroes! Maybe someone out there can help me out! I've been playing with JavaScript and Storyline, you can see an example here: http://bit.ly/1IjNEKs.  But, what I can't figure out is how t...
storyline 360
SharonGoza-f625's avatar
SharonGoza-f625
Community Member

I'm back finding that I'd really like to do this again. I'd love to have something like:

player.SetState("nameofobject", "state name");

 

MathNotermans-9's avatar
MathNotermans-9
Community Member
9 months ago

First steps working properly. Based upon duplicating states for new states. As mentioned in my earlier posts... Storyline makes different HTML when creating the states differently. I do think thats really bad coding...but...it is what it is...

The code below  gets an specific element and gets all divs in in it with an data-model-id attribute, thus only the states.

let baseElement = document.querySelector("[data-acc-text='myElement']");

let parent = baseElement.parentNode;
let allDIVS = parent.getElementsByTagName("div");

for (let i = 0; i < allDIVS.length; i++) {
let actualClassName = allDIVS[i].className;
let dataModelID = allDIVS[i].getAttribute('data-model-id');
console.log(i+" : "+actualClassName+" | "+dataModelID);

if(dataModelID != null ){
console.log(i+" dataModelID: "+dataModelID);
}

}


Now you can hide all of them...and show any of them.
Thats for a next one :-)

PS: the statename as is in Storyline is nowhere referenced in the HTML.

Related Content