[Accessing Divs created by SliptText from inside Edge Animate]

Diaco,

 

Thank you * 10^10

That worked. That's what I needed!!

Muchos Thank yous

[Accessing Divs created by SliptText from inside Edge Animate]

Hi, Diaco

 

On the stage I have a text element I named 'txtFraction' and I have this code in the creationComplete of the Stage:

 

var fracTextId = sym.lookupSelector("txtFraction"); //Obtains the global html id

 

var split = new SplitText(fracTextId + '> p', {type:"lines, words", position:"absolute", linesClass:"line++", wordsClass:"words++"});

var lineArr =  split.lines;

var wordArr = split.words;

 

var re = /^|$/;

var i =0;

 

 

//This doesn't work:

for (i = 0; i < wordArr.length; i++){

var wordHtml = sym.$(".word" + i).html();

}

 

//console.log(wordHtml[0]);//returns undefined

 

Would this help? I don't know how to get codepen demo

[Accessing Divs created by SliptText from inside Edge Animate]

I'm trying to animate some html text created on the stage of an Edge Animate composition. I applied the SplitText method and created a div for each word. I need to retrieve the text content of each div to locate a certain string which I can do with regular expressions.So I need a handle(?) to manipulate the divs.  Any ideas? Anybody uses SplitText in EA?

[Can I access the text content of the divs created by SplitText]

Hi, Diaco

I want to be able to change the fraction on say the click of a button or pick random numbers to replace the old ones. It seems you're suggesting I read the innerHTML before the split or after revert. I'll try that.

Thank you, Diaco

Luci

[Can I access the text content of the divs created by SplitText]

Hi,

I'm trying to access dives created by SplitText and be able to read and change the content. I wanted to create a fraction embedded in text and have the text properly adjust itself around the fraction using SplitText. I also want to be able to read and write the text content of the divs. For that I was trying jquery's text() and html() methods, but the alert I placed in my code says undefined.

can somebody please look at my code in codepen?

I'm using Adobe Edge Animate as the main wrapper.

See the Pen rApJv by GreenSock (@GreenSock) on CodePen

[TweenLight - Using "-=50px" as a value for left property]

Thank you, so much Diaco, I'm so embarrassed. Please forgive me. I can go for days making mistakes like these and never notice them. My problem is solved. 

[TweenLight - Using "-=50px" as a value for left property]

Hi, everyone

I'm new here and also new to Geensock. I'm trying to learn TweenLight and SplitText. I was trying to create a text that displays a fraction with a horizontal bar. My question relates to TweenLight using values like "+=50" or "-=50" to move an array of words to the right. I used the following statement:

 

var i;

 for(i = 7; i <= 12; i++){

        TweenLight.to(wordsA, 1, {left:"-=50px"});

        

    }

 

I used the code pen http://codepen.io/anon/pen/zxbzZB

 

If its not possible to use "-=50px",  how would I retrieve the current position(left) of the element?

See the Pen zxbzZB by anon (@anon) on CodePen