Tips.cl

Me toco hacer una ventana PopUp con una imagen dentro…

aquí les dejo el código

Lo primero es crear la pagina que llamara el popup desde un botón

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:Canvas xmlns:mx=”http://www.adobe.com/2006/mxml” width=”400″ height=”300″>
<mx:Script>
<![CDATA[
import mx.managers.PopUpManager;
private function CreaPopUp():void {

var ventanaPopUp:popup=popup(PopUpManager.createPopUp(this,popup,false));

ventanaPopUp.title="TITULO POP UP";

ventanaPopUp.setStyle("borderAlpha", 0.9);

ventanaPopUp.showCloseButton=true; //Dejo visible el boton X para cerrar la ventana
ventanaPopUp.imagenAMostrar="img/p1.gif"; //Variable que indica que
ventanaPopUp.screen.x=120;
}
]]>
</mx:Script>
<mx:Button x=”96″ y=”145″ label=”Muestra PopUP” click=”CreaPopUp()”/>

</mx:Canvas>

ahora creamos la ventana PopUp llamada popup.mxml

<?xml version=”1.0″?>
<mx:TitleWindow  close=”finPopUp();” xmlns:mx=”http://www.adobe.com/2006/mxml”
creationComplete=”doInit();” layout=”absolute” x=”180″ y=”50″ >
<mx:Script>
<![CDATA[
import mx.core.ContainerGlobals;
import mx.managers.PopUpManager;

[Bindable]
public var imagenAMostrar:String; //variable

//funcion que se inicia al cargar el popup

private function doInit():void {
//PopUpManager.centerPopUp(this); si se quiere centrar el pop up descomentar esta linea
imagenDoc.source=imagenAMostrar;
}

//funcion que cierra el popup

private function finPopUp():void {

PopUpManager.removePopUp(this);
}
]]>
</mx:Script>

<mx:VBox height=”500″ width=”900″>
<mx:Image  id=”imagenDoc”/>

<mx:Button click=”this.finPopUp();” label=”Cerrar”/>
</mx:VBox>
</mx:TitleWindow>

Compartelo