Increase/decrease text field number?

Hi pancreasboy,

You will basically want to create a variable, and increment or decrement it on click, then update your dynamic text field on each click.

You can do something like this on Stage.compositionReady:

var currentCount = 0;// count current count

var maxCount = 4;// max number of slides/labels/images/whatever you have

// call this on left arrow click

sym.onClickLeft = function(){

     if( currentCount > 0){

          currentCount--;

           // update your text

          sym.$("txt_dynamic").html( currentCount +"");// convert number to string

          // go to label on timeline

     }    

}

// call this on right arrow click

sym.onClickRight = function(){

     if( currentCount < maxCount){

          currentCount++;

           // update your text

          sym.$("txt_dynamic").html( currentCount +"");// convert number to string

          // go to label on timeline

     }    

}

Hey pancreas,

Try this:

sym.getSymbol("pgNum").$("pgText").html( currentCount +"");

To jump to a specific label (in this example it would jump to "label_1", if currentCount is 1), you can do this:

sym.play("label_"+currentCount);

Yep, at compositionReady.

Whenever something doesn't work, the first thing you can do is add console.logs in your code, to track down what's not working.

Can you post a zip of all your files?

Hey pancreas, it looks like you're not calling the "arrowBtnLt" and "arrowBtnRt" functions, on left/right arrow button click.

Put this on arrowBtnLt.click:

sym.arrowBtnLt();

Put this on arrowBtnRt.click:

sym.arrowBtnRt();

Also, since your label is probably going to start from 1, at document.compositionReady, replace the "currentCount" default value, and the if statement value for left button like this:

// insert code to be run when the composition is fully loaded here

var currentCount = 1;// count current count

var maxCount = 4;// max number of slides/labels/images/whatever you have

sym.arrowBtnLt = function(){

     if( currentCount > 1){

          currentCount--;

           // update your text

          sym.getSymbol("pgNum").$("pgText").html( currentCount +"");// convert number to string

          // go to label on timeline

     }   

}

// call this on right arrow click

sym.arrowBtnRt = function(){

     if( currentCount < maxCount){

          currentCount++;

            // update your text

          sym.getSymbol("pgNum").$("pgText").html( currentCount +"");

          // go to label on timeline

     }   

}

Glad to help!

Hey pancreas, since this is a completely different topic from your original thread, I think you will get more help if you start a new thread titled something like: "Edge Commons Flexible Layout".