<?xml version="1.0"
encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]"
backgroundGradientColors="[#874040, #874040]">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.CloseEvent;
// Event handler function
uses a static method to show
// a pop-up window with the
title, message, and requested buttons.
private function clickHandler(event:Event):void {
Alert.yesLabel = "Yes";
Alert.noLabel = "No";
Alert.show("Do you want to save
your changes?", "Save Changes", 3, this, alertClickHandler);
}
// Event handler function for
displaying the selected Alert button.
private function
alertClickHandler(event:CloseEvent):void {
if (event.detail==Alert.YES)
status.text="You answered Yes";
else
status.text="You answered No";
}
// Event handler function
changes the default Button labels and sets the
// Button widths. If you
later use an Alert with the default Buttons,
// you must reset these
values.
private function
secondClickHandler(event:Event):void {
Alert.buttonWidth = 100;
Alert.yesLabel = "Cool";
Alert.noLabel = "Lame";
Alert.cancelLabel = "Never Mind";
Alert.show("Do you want to save
your changes?","Save Changes",1|2|8,this,alertClickHandler);
}
]]>
</mx:Script>
<mx:Style>
.alertTitle{
color:#ffffff;
fontWeight:bold;
}
Alert{
backgroundColor:#E3E3E3;
/* backgroundAlpha: 0.8; */
color: #323232;
borderColor: #000000;
borderAlpha: 0.7;
headerHeight:20;
themeColor: #848484;
titleStyleName:alertTitle;
}
</mx:Style>
<mx:Panel title="Alert Control" layout="horizontal" color="0xffffff" borderAlpha="0.15" width="500"
paddingTop="2" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center" x="10" y="10">
<mx:VBox width="33%" borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
<mx:Text width="100%" color="0x323232" textAlign="center"
text="Click the button below to
display a simple Alert window."/>
<mx:Button label="Click Me" color="0x323232" click="Alert.show('Hello World!', 'Message');"/>
</mx:VBox>
<mx:VBox width="33%" borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
<mx:Text width="100%" color="0x323232" textAlign="center"
text="Click the button below to
display an Alert window and capture the button pressed by the user."/>
<mx:Button label="Click Me" color="0x323232"
click="clickHandler(event);"/>
<mx:Label id="status" color="0x0050AA" fontWeight="bold"/>
</mx:VBox>
<mx:VBox width="33%" borderColor="0xACACAC" borderStyle="solid" borderThickness="1" horizontalAlign="center" height="100%">
<mx:Text width="100%" color="0x323232" textAlign="center"
text="Click the button below to
display an Alert window that uses custom Button labels."/>
<mx:Button label="Click Me" color="0x323232"
click="secondClickHandler(event);"/>
</mx:VBox>
</mx:Panel>
</mx:Application>
No comments:
Post a Comment