asvignesh

Placeholder in Flex ActionScript

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>

 

« »

© 2017 asvignesh. Theme by Anders Norén.