auto highlight text in text input

[Brandon Rohde]

I am pre-populating a text input component with some text when my app loads. The focus is set to this box as well. Is it possible to have all of the text highlighted when the app loads, so when the user starts typing the current text in the box is overwritten?

Thanks,
Brandon

[Jorge Solis]

To select something, you can use (having an input textfield named myInput)

   Selection.setFocus("myInput")
   Selection.setSelection(0, 10)

This will not replace whatever you have, instead use (will work just once)

myInput.onSetFocus = function(){
   this.text = ""
   delete this.onSetFocus
}

Jorge

[Brandon Rohde]

Thanks Jorge!

I got that working perfect on a regular input text field, but is it possible to do the same with a text input component? This is what I currently have... it sets the focus and everything with no problems, however it doesnt set the selection so the user can instantly overwrite the instructions that are in the box.


searchBox_ti.text = "Search by first name, last name, or email";
focusManager.setFocus(searchBox_ti);
Selection.setSelection(0,searchBox_ti.text.length);


Thanks again,
Brandon

[Jorge Solis]

Not selection available, about focus, try:

listenerObject = new Object();
listenerObject.focusIn = function(evt){
  evt.target.text = ""
  this.focusIn = null
}
myTextInput.addEventListener("focusIn", listenerObject)

Jorge