<?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