SetFocus on TextInput

Hi
I need to make the cursor blinking on thet textinput
component when i run the flash file... at first
~~
Sk

Hi
i am placing code on the main time line but it's not running
fine...
i kept the textinput component in the firstframe and code
also in the firstframe..
but the cursor is not blinking in the textinput component.
this.onSetFocus=function(){
Selection.setFocus(tf);
or else i need to do any change
can you please tell me...
~~SK

Similar Messages

Hai Shardul Singh Bartwal i am getting this error

Hai Shardul Singh Bartwal
               Thank u For your reply ,
               I am getting this error while starting the application, i am not able to see the page
                 ERROR :
                           Can't move focus to the control because it is invisible, not enabled, ot of a type that does not accept the focus
Can u reply me for this pl

I've just done a test on this and it sets focus even when visible or enabled is set to false
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" >
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            private function keyHandler(event:KeyboardEvent):void {
                if (event.keyCode == Keyboard.BACKSPACE) {
                    Alert.show('detect')
        ]]>
    </mx:Script>
    <mx:Button x="175" y="147" label="Focus" click="{text1.setFocus()}"/>
    <mx:TextInput x="264" y="147" id="text1"/>
    <mx:TextInput x="264" y="189" id="text2"/>
    <mx:Button x="175" y="189" label="Focus" click="text2.setFocus()"/>
</mx:Application>
So, is your component that requires focus one that is not able to receive focus. I take it it is instansiated and on the stage?
Andrew

Where is the cursor after calling setFocus on AS created TextInput?

I am having trouble getting a TextInput field to replace the current selection when the user starts typing without having to first click the field. I have seen that many people face this problem when initially loading the movie, but this is not my case. In my case, Flash already has focus, I have created a TextInput field via AS and made it invisible. At a given point a user double clicks a label and I display ( textInput.visible = true) the the field and setFocus to it. The text is correctly highlighted and the focus border shows but typing produces no effect until I click inside text field and get a cursor there. Is there something else I need to do aside from setFocus? I have also tried setting the selection manually to zero width, and this causes the field to have the focus border but no cursor whatsoever, until the field is actually clicked.
Ruy

referr: http://forums.adobe.com/thread/452365?tstart=30
<script language="JavaScript" type="text/javascript">
function setFocusToTextInput()
    document.getElementById('${application}').focus();

</script>
on creationcomplete event call
init(event);
public function init(event:Event):void
    ExternalInterface.call('setFocusToTextInput');
    this.username.setFocus();

Custom TextInput itemEditor not getting focus.

I have an AdvancedDataGrid that has a custom itemEditor on an amounts field. If I do an inline textInput itemEditor everything works fine, but if I separate out the textInput itemEditor into it's own component then when I click on the amounts column it doesn't seem to get focus. What happens is I click once and it appears like the text box has appeared, but there is not cursor, so I can't start typing my amount. I need to click a second time in the cell for the cursor to appear.
Here are my datagrid columns:
<datagrids:columns>
        <mx:AdvancedDataGridColumn dataField="Customer" headerText="Cust" editable="false"/>
        <mx:AdvancedDataGridColumn dataField="Balance" headerText="Bal" editable="false"/>
        <mx:AdvancedDataGridColumn dataField="paymentAmountString" headerText="Amount"
                           editable="true" textAlign="right"
                           editorDataField="amountText" itemEditor="com.ihcfs.flex.renderers.AdvancedAmountTextInputRenderer">
        </mx:AdvancedDataGridColumn>
    </datagrids:columns>
Here is my custom renderer/editor, I've tried both a spark TextInput and an mx:TextInput. They both have the same behavior.
<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                                  xmlns:s="library://ns.adobe.com/flex/spark"
                                  xmlns:mx="library://ns.adobe.com/flex/mx"
                                  focusEnabled="true">
    <fx:Script>
        <![CDATA[
            public var amountText:String;
        ]]>
    </fx:Script>
    <s:TextInput id="amountTextInput"
                 width="100%" height="100%"
                 textAlign="right"
                 change="amountText = amountTextInput.text;"
                 focusEnabled="true"
                 editable="true"
                 restrict="[0-9][.]"/>
</s:MXAdvancedDataGridItemRenderer>
If I do an inline item editor it works just fine, it's when I move it out to a reusable component that this behavior happens.
Inline:
<datagrids:columns>
        <mx:DataGridColumn dataField="customer" headerText="Cust"
                           editable="false" textAlign="center"/>
        <mx:DataGridColumn dataField="balance" headerText="Bal"
                           editable="false" textAlign="center"/>
        <mx:DataGridColumn dataField="paymentAmountString" headerText="Amount"
                           editable="true" editorDataField="text" textAlign="right">
            <mx:itemEditor>
                <fx:Component>
                    <mx:TextInput width="100%" height="100%" textAlign="right"
                                  focusOut="textinput1_focusOutHandler(event)"
                                  focusIn="textinput1_focusInHandler(event)">
                        <fx:Script>
                            <![CDATA[
                                import mx.controls.Alert;
                                import mx.controls.Text;
                                import mx.events.FlexEvent;
                                import mx.formatters.CurrencyFormatter;
                                [Bindable]
                                private var originalAmount:Number;
                                private var amountFormatter:CurrencyFormatter = new CurrencyFormatter();
                                protected function textinput1_focusOutHandler(event:FocusEvent):void
                                    var e:TextEvent = new TextEvent("amountEntered", true);
                                    var textField:TextField = event.target as TextField;
                                    var newAmount:Number = 0;
                                    if(!isNaN(parseFloat(textField.text))){
                                        newAmount = parseFloat(textField.text);
                                    e.text = new String((newAmount - originalAmount) + "");
                                    dispatchEvent(e);
                                protected function textinput1_focusInHandler(event:FocusEvent):void
                                    var textfield:TextField = event.target as TextField;
                                    if(!isNaN(parseFloat(textfield.text))){
                                        originalAmount = parseFloat(textfield.text);
                                    } else {
                                        originalAmount = 0;
                            ]]>
                        </fx:Script>
                    </mx:TextInput>
                </fx:Component>
            </mx:itemEditor>
        </mx:DataGridColumn>
    </datagrids:columns>
Thanks for the help!

I attempted to do as you said using the following code:
override public function setFocus():void{
     stage.focus = amountTextInput;
     amountTextInput.setFocus();
I also tried adding an event handler to my renderer to capture the focus in event and try the same thing:
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                                  xmlns:s="library://ns.adobe.com/flex/spark"
                                  xmlns:mx="library://ns.adobe.com/flex/mx"
                                  focusEnabled="true"
                                  focusIn="mxadvanceddatagriditemrenderer1_focusInHandler(event)">
protected function mxadvanceddatagriditemrenderer1_focusInHandler(event:FocusEvent):void
     amountTextInput.setFocus();
Neither of these solutions work. I could just go back to using the inline code, but I'd prefer to not copy and paste that code into several different grids.
Thanks again for the help.

Set cursor in a textinput

In this example, the focus is set to the phoneInput object
but the cursor in this textinput is not set. How can I do this?
Thank you!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml"
viewSourceURL="src/FormatterSimple/index.html"
width="310" height="210"
initialize="focusManager.setFocus(phoneInput);"
>
<mx:PhoneFormatter id="phoneDisplay"
formatString="(###) ###-####"
/>

<mx:Panel
title="Using a formatter in an item renderer"
paddingLeft="10" paddingRight="10" paddingBottom="10"
paddingTop="10"
>
<mx:Text text="Enter a phone number,
including{'\r'}the area
code{'\r'}e.g., 2025558721:"/>
<mx:TextInput id="phoneInput" width="100%"/>

<mx:Text text="{'Formatted:
'+phoneDisplay.format(phoneInput.text)}"/>
</mx:Panel>
</mx:Application>

I tried this and it doesn't work!
<?xml version="1.0" encoding="utf-8"?>
<mx:Application
xmlns:mx="
http://www.adobe.com/2006/mxml"
viewSourceURL="src/FormatterSimple/index.html"
width="310" height="210"
creationComplete="focusManager.setFocus(phoneInput);"
>
<mx:PhoneFormatter id="phoneDisplay"
formatString="(###) ###-####"
/>

<mx:Panel
title="Using a formatter in an item renderer"
paddingLeft="10" paddingRight="10" paddingBottom="10"
paddingTop="10"
>
<mx:Text text="Enter a phone number,
including{'\r'}the area
code{'\r'}e.g., 2025558721:"/>
<mx:TextInput id="phoneInput" width="100%"/>

<mx:Text text="{'Formatted:
'+phoneDisplay.format(phoneInput.text)}"/>
</mx:Panel>
</mx:Application>

TabIndex & setFocus issues.

Hi all,
I am having a real issue with getting tabIndex and setFocus
to work with my custom TextInput component. I have tried everything
that I can possibly think of and it just won't work. When I test
the component and set tabIndex or setFocus nothing happens. Any
ideas would be greatly appreciated. Below is the actionscript I
have in my class file. (note: need it to work for fp 7+)
class brownfreelance.components.AdvTextInput extends
MovieClip {
private var _mTextContainer:MovieClip;
private var _tTextBox:TextField;
private var _bTabChildren:Boolean;
private var _nTabIndex:Number;
public function setFocus():Void {
Selection.setFocus(_mTextContainer._tTextBox);
public function set tabIndex(nTabIndex:Number):Void {
_mTextContainer._tTextBox.tabIndex = nTabIndex;
public function AdvTextInput() {
CreateTextBox();
_mTextContainer._tTextBox.tabChildren = true;
_mTextContainer._tTextBox.tabEnabled = true;
_mTextContainer._tTextBox.tabIndex = _nTabIndex;
private function CreateTextBox():Void {
_mTextContainer.clear();
_mTextContainer = createEmptyMovieClip("_mTextContainer",
getNextHighestDepth());
_mTextContainer.createTextField("_tTextBox",
getNextHighestDepth(), 2, 2, (_nWidth-2), (_nHeight-1));
Thank's in advance.

On Thu, 6 Sep 2007 12:51:09 +0000 (UTC), "fourthleaf"
<[email protected]> wrote:
>I have been having two issues with Dreamweaver over the
last week.
>
> First - it freezes after one upload, any time of file.
One goes fine and then
>the next time I try to upload it just gets "caught". The
upload box comes up,
>but never goes anywhere and it's unsuccessful. Seems like
the only way to fix
>it is to shut down and restart. (Which I usually have to
do because all of
>Dreamweaver then freezes.)
>
> Also, the files that I did upload are not showing live.
They show in the
>remote server has having been uploaded, but when I try to
view the files
>on-line, they do not appear. I have refreshed, cleared my
cache, everything...
>but the files are not updated or uploaded.
>
> Any ideas?
>
>
I would try a different server, maybe that one is choking.

How to get focus on a TextInput control without mouse starting an app

Hi everyone,
I have a TextInput control and I should to be able to edit it as soon as I start my app without using mouse. My issue is to have the cursor in the TextInput without using the mouse. Unfortunately setFocus() function isn' t enough
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init()" width="100%" height="100%">
<mx:Script>
        <![CDATA[
            private function init():void {
                    myInput.setFocus();
          ]]>
    </mx:Script>
<mx:TextInput id="myInput"/>
</mx:Application>
I can't believe that it's impossible.... ....Could someone suggest to me a hint....
Thanks a lot in advance !!!
Greetings

Find it !!!!!
"Before you can place the focus on a component within Flash Player, you need to first give focus to the Flash Player Application. This can be done via JavaScript." (http://carrythezero.net/blog/2009/01/20/flex-textinput-focus-issues/)

TextArea and TextInput on mobile device the text disappears and works fine on desktop

I'm developing a mobile app with a view that contains 1 Text Area, 1 Text Input and a group of 3 buttons. The app runs well in Desktop mode ( Run & Debug ), but when run in an android device ( Sony Tablet S) when the view is loaded, the text (text property set at design or runtime) "flashes" and disappear, if I change the device orientation of the tablet (phisically) the text draws correctly and don't disappear, even if you return to the original orientation. Also, if I pop-up a message (SkinnablePopUpContainer) in the same view, the text appears, and when I close the pop-up the text disappears again.
Is this an identified bug ? ... is there a workaround ? ... I tried to set visible property to false and true and sometimes it works and sometimes not at random.
Thank you for you help.

UPDATE : if I set Focus=true the text appears. I think that the text should be there even if I don't set focus.
This simple code when run in the device (Sony Tablet S) doesn't work as expected ... ( the text in the textbox dissapears, and if you change orientation appeears).
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark" title="Editar acción"
                    xmlns:dao="dao.*" creationComplete="view1_creationCompleteHandler(event)" >
<fx:Script>
                    <![CDATA[
                              import mx.events.FlexEvent;
                              protected function view1_creationCompleteHandler(event:FlexEvent):void
                                        txt1.text="Hola";
                                        txt1.validateNow();
                                        txt1.setFocus(); // <---- if not set the text "Hola" flashes and dissapear.
                    ]]>
</fx:Script>
          <s:TextInput id="txt1" x="26" y="44"/>
</s:View>

Flex4 TextInput module unload memory leak

Hi, i have an application (Application.mxml) that loads a simple module (Charts.mxml) using module loader. The module has a component spark.components.TextInput.
When i unload the module, using the profiler in flash builder the module stay alive and not get garbage collected. Any answer for this?
Application.mxml:
<?xml version="1.0" encoding="utf-8"?>
<s:Application
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
public function load():void {
appLoader.applicationDomain = new ApplicationDomain(ApplicationDomain.currentDomain);
appLoader.loadModule("com/scanntech/Charts.swf");
public function unload():void {
btnUnload.setFocus();
appLoader.applicationDomain = null;
appLoader.unloadModule();
]]>
</fx:Script>
<s:layout>
<s:VerticalLayout/>
</s:layout>
<s:Button id="btnLoad" label="load" click="load()"/>
<s:Button id="btnUnload" label="unload" click="unload()"/>
<mx:ModuleLoader id="appLoader" width="100%" height="100%" />
</s:Application>
Charts.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Module
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx">




<s:TextInput />
</mx:Module>
PD: sorry my bad english

You don't need:
appLoader.applicationDomain = new ApplicationDomain(ApplicationDomain.currentDomain);
Thanks,
Gaurav Jain
Flex SDK Team
http://www.gauravj.com

Focus in textInput

Hi all,
I have an extended textInput component.
How can I select all text (highlight) when user click on this component?
I try setFocus but it doesn't work.
override protected function focusInHandler(event:FocusEvent):void
                //Update component text real value (realValue is a number that comes from my DB.
                super.text = _realValue.toString();
                this.setFocus();
any ideas?
Thanks!

You want to do something like
    <fx:Script>
        <![CDATA[
            protected function textinput1_focusInHandler(event:FocusEvent):void
                super.focusInHandler(event);
                textinput1.selectAll();
        ]]>
    </fx:Script>
    <s:TextInput id="textinput1" text="focusIn test" focusIn="textinput1_focusInHandler(event)"/>
because the RichEditableText focusInHandler sets the selection based on a number of factors. If you always want everything selected you need to do it after this.

Focus on tabNavigator instead of textInput

I've got a tab navigator with forms inside, something like this:
<mx:TabNavigator id="tabNav" width="433" height="100%" fontSize="12" fontWeight="normal" creationPolicy="all">
     <mx:Form label="Basic" width="100%" height="100%">
     <mx:FormItem label="Surname" width="100%" height="100%">
          <mx:TextInput id="surnameInput" text="{gridPacjent.selectedItem.nazwisko}" editable="false" width="200"/>
     </mx:FormItem>
     <mx:FormItem label="Name" width="100%" height="100%">
          <mx:TextInput id="nameInput" text="{gridPacjent.selectedItem.imie}" editable="false" width="200"/>
     </mx:FormItem>
     </mx:Form>
     <mx:Form label="Advanced" width="100%" height="100%">
         <some other formItems....>
     </mx:Form>
</mx:TabNavigator>
then, on some button press I got this function to set focus on textInput on the first tab:
private function newPerson():void {
         surnameInput.editable = true;
         nameInput.editable = true;
         tabNav.selectedIndex = 0;
         //I tried this
         nazwiskoInput.setFocus();
         //and this
         stage.focus = nazwiskoInput;
         //and this
         nazwiskoInput.setSelection(0,0);
but every solution I try sets the focus on tab navigator's tab instead of a textInput control. Has anyone got any idea how to do it properly?
The problem appears only when I'm on other tabs. For example: when the component appears on the stage then calling this fuction newPerson() works good - it sets focus on the textInput control. But when I go to any other tab and then call this function it focuses on tab navigator.

Hi lbarim,
Checkout this example below...It works even if you navigate to another tab and returns to the original tab...
Actually I think the problem is coming with the property that you set editable="false" on TextInput...
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
<mx:Script>
<![CDATA[
   private function newPerson():void {
            surnameInput.editable = true;
            nameInput.editable = true;
            tabNav.selectedIndex = 0;
            surnameInput.setFocus();
            //This below line is required only if you want to put the cursor at the first position of textinput
            //surnameInput.setSelection(0,0);
]]>
</mx:Script>
<mx:Button label="Set Focus" click="newPerson()"/>
<mx:TabNavigator id="tabNav" width="433" height="100%" fontSize="12" fontWeight="normal" creationPolicy="all">
     <mx:Form label="Basic" width="100%" height="100%">
     <mx:FormItem label="Surname" width="100%" height="100%">
          <mx:TextInput id="surnameInput" text="" width="200"/>
     </mx:FormItem>
     <mx:FormItem label="Name" width="100%" height="100%">
          <mx:TextInput id="nameInput" text="" width="200"/>
     </mx:FormItem>
     </mx:Form>
     <mx:Form label="Advanced" width="100%" height="100%">
     </mx:Form>
</mx:TabNavigator>
</mx:Application>
Thanks,
Bhasker

Problem while using setFocus??

Hi
I have one problem in using setFocus to the text field!
When I use setFocus it is setting cursor to the textInput field but untill and unless I click with mouse its not taking input from keyBoard!
Let me know the solution ASAP
Thanks and Regards
Aruna.S.N.

Thnaks for the reply
Please find the following code!
<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init();"
>
<mx:Script>
<![CDATA[
public function init():void{
username.setFocus();
]]>
</mx:Script>
<mx:Form width="292" borderStyle="solid" height="98" x="301.5" y="185" borderColor="
#000000" >
<mx:FormItem label="
Login ID" borderColor="#ffffff" fontSize="
10" fontStyle="normal" fontWeight="bold" >
<mx:TextInput id="username" focusEnabled="true" />
</mx:FormItem>
<mx:FormItem label="
Password" borderColor="#ffffff" fontSize="10" fontStyle="normal" fontWeight="bold" >
<mx:TextInput id="password" displayAsPassword="true"/>
</mx:FormItem>
</mx:Form></mx:Application>
Thanks
Aruna

SetFocus problem

hi there,
i have an application that calls a login component i've made.
in the login component i have a function which i call with
creationComplete. this function basically resets the login form...
here it is:
private function resetLogin():void {
username.text = "";
password.text = "";
username.setFocus();
//var fManager:FocusManager = new FocusManager(this);
//fManager.setFocus(username);
my problem is that setting the focus, whether i use
FocusManager or simply say username.setFocus() doesn't seem to
work... the focusRect is drawn, but the cursor doesn't focus within
the username textInput area, which is the whole purpose for me
setting focus.
i've even tried calling the resetLogin function from the
creationComplete event of the Application, thinking that maybe this
was an issue with the application completing after the login
component and stealing focus for some reason. but it doesn't work.
does anyone know what i am doing wrong?
thanks,
nikki

hi dimitri,
i origionally had my code calling username.setFocus(), but
graduated it to the higher grade focusManager version in a hope
that it would work... i have reverted to the former with the delays
in place, but to no avail.
i have also tried running it on updateComplete, also to no
avail... oh boy this is frustrating!
also, to note, when i call the logout from elsewhere, like
when i click on my logout button and thus return to the login
screen, it works like a charm.
the canvas is called into the root level of the app (from my
app's main mxml file)... i think this is the problem, that it is
called at application initialization.
i have tried both ie and netscape... in fact i now compile
into ie all the time as i was having speed issues with firefox on
my box.
i think i am going to try and call the login via as on
creationComplete of the app and not an mxml tag... perhaps that'll
do it.
i will update here if it solves the problem... hold thumbs
for me :)
thanks,
nikki

How to make the focus to the TextInput field

Hi,
How to make the focus to the TextInput field. I tried with userIDTxtIt.setFocus(); The focus is available to the text input. but when i enter the value as 'Thiru' to the TextInput field, the keyboard is not available there. so i tried with userIDTxtIt.dispatchEvent(new MouseEvent(MouseEvent.DOUBLE_CLICK));
still key board focus is not availble to the text input.
Regards,
Thiru

Thanks for your reply.
I got the more info by reading the comments inthe following link.
http://blog.flexexamples.com/2008/09/23/setting-focus-in-flex-using-the-focus-manager/
regards,
Thiru

How to get the value from textInput Component to perform calculation?

I need some help here...I'm trying to get the value of user input from the TextInput Component which is the age, height and weight to calculate the bmr and display the result in member("result").text.
How am i suppose to let the integer pass through in order for me to perform calculation? Would appreciate if anyone can help me out with this, thanks!
Below are the formula :
The Harris Benedict equation estimates BMR:
For women: (9.56 x w) + (1.85 x h) – (4.68 x a) + 655
For men: (13.75 x w) + (5 x h) – (6.76 x a) + 66

Assumed that this section is only for male ...it still show error saying script error : String expected for
on mouseDown
member("result").text = (13.75 * value(member("weightText").text)) + (5 * value(member("heightText").text)) - (6.76 * value(member("ageText").text)) + 66
end
Do i have to add in "put sprite(x).text -- where x is the number of the sprite that is the text input." ?

SetFocus on TextInput

Similar Messages

Maybe you are looking for