October 8, 2013 asvignesh 6Comment
All the modern browser or mobile apps support a placeholder for the text input field. once you click on it the focus move to the beginning of the text and the placeholder remain until you start typing.

To achieve this using Flex , Actionscript

<mx:Script><![CDATA[

private var sampleText_text:String = "Enter Name";

  protected function sampleText_initializeHandler(event:FlexEvent):void

  {

  //For Place Holder for sampleText

  sampleText.addEventListener(FocusEvent.FOCUS_IN , focusin);

  sampleText.addEventListener(FocusEvent.FOCUS_OUT,focusout);  

  }

  //fire when click to edit

  public function focusin( event:Event ) : void

  {

  if(sampleText.text == sampleText_text)

  {

  sampleText.text = "";

  }

  }

  //fire when you clicked out

  public function focusout(event:Event):void

  {

  if(sampleText.text == "")

  {

  sampleText.text = sampleText_text;

  }

  }

]]></mx:Script>

<mx:HBox paddingTop="10">

<mx:Label text="Name" />

<mx:TextInput id="sampleText" initialize="sampleText_initializeHandler(event)"/>

</mx:HBox>

 

6 thoughts on “Placeholder in Flex ActionScript

  1. If some one needs to be updated with most recent technologies
    then he must be pay a visit this site and be up to date every day.

  2. Thanks for a marvelous posting! I seriously enjoyed reading it, you will be a great author.

  3. naturally like your web site but you have to check the spelling on several of your posts. Several of them are rife with spelling issues and I find it very bothersome to tell the truth then again I will certainly come back again.

Leave a Reply

Your email address will not be published. Required fields are marked *