Make Text Entry Box automatically proceed to next slide when valid entry is typed

Hi all,

I was trying to replicate an Address field in the system where it lists all possible addresses underneath the text field as you start typing it. I only wanted the first 9 characters to be entered by the user, so the "limit characters" and "auto submit" options worked perfectly.

Thanks for suggesting... never knew those options were available!

M

In the TEB properties, under More Options, I think the Maximum Length and Auto-Submit options will help you achieve what you want to do.

Since the TEB has an associated variable, you could use the event CPAPI_VARIABLE
VALUECHANGED to monitor the variable and if it equals your text navigate to the next slide.

You need to be using CP8.

If you put the following in the head of the html page it will do what you want, type "jump" in the TEB and it will alert "do something"

var interfaceObj;
var eventEmitterObj;

window.addEventListener("moduleReadyEvent", function(evt)
{
interfaceObj = evt.Data;
eventEmitterObj = interfaceObj.getEventEmitter();
    initializeEventListeners();

});

function initializeEventListeners()
{
if(interfaceObj)
{
     if(eventEmitterObj)
  {        
   window.cpAPIEventEmitter.addEventListener("CPAPI_VARIABLEVALUECHANGED",function(){
   testEntry();},"Text_Entry_Box_1");
  }
}
}

function testEntry()
{
var checkText = window.cpAPIInterface.getVariableValue("Text_Entry_Box_1");

if (checkText == "jump")
{
  alert("do something")
}
}

The entry in a TEB has always to be confirmed by the user, which is logical because only the user can decide when he has finished his entry. Confirmation can be done by the Submit button or by a shortcut key, like Enter. You cannot escape from that. CP cannot guess how many characters the user wants to type in, right?

As for the action: since the TEB has to be validated, just add the command Go to Next Slide to the Success action of the TEB. I don't know what you want to do with the Failure action?