Calendar

July 2008
M T W T F S S
« Jun   Aug »
 123456
78910111213
14151617181920
21222324252627
28293031  

Tag Cloud

Categories

Archives

Highest Rated

Most Viewed

Recent Posts

Recent Comments


« Good news for RIA and SWF | Main | Merapi is now available for download »

Flex Applications that Warn on Close

By Rich Tretola | July 2, 2008Print This Post Print This Post
1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading ... Loading ...
203 views

Occasionally, there are times when you need to give the user the heads up that closing the application could cause issues as there are processes currently running.

This example shows an easy way to do this via the FABridge. Click the link below to run the sample.

Warn On Close

So, how does it work?

Here are the steps to take to add this functionality.

  • Add an instance of the FABridge to your main Application file
    1. <bridge:FABridge bridgeName="flex"/>
  • Create 2 variables within your main Application file to hold a warning on/pff flag and a message.
    1. public var warnUser:Boolean;
    2. public var warningMessage:String;
  • Create a JavaScript file that will call a function before the browser window closes. The contents of the file should look something like this. Notice that the confirmExit function simply creates a variable to hold a reference to the Flex application. It then checks to see if it should warn the user by reading the warnUser ActionScript property (the FABridge JavaScript object uses implicit getters and setters when reading and writting ActionScript variables), finally it will alert the user with the custom message stored in the warningMessage property.
    1. window.onbeforeunload = confirmExit;
    2.  
    3. function confirmExit()
    4. {
    5.   var flexApp = FABridge.flex.root();
    6.     if(flexApp.getWarnUser())
    7.     {
    8.         return flexApp.getWarningMessage();
    9.     }
    10. }
  • The last thing you need to do is update your index.template.html file to include your custom JavaScript and the FABridge.js files.
    1. <!--  BEGIN Warn on Close -->
    2. <script src="bridge/FABridge.js" language="javascript"></script>
    3. <script src="bridge/WarningBridge.js" language="javascript"></script>
    4. <!--  END Warn on Close -->

    • That’s it. To avoid security sandbox errors, just make sure you run the sample through a web server and not a file path. Here is the full source code.

    Share/Save/Bookmark

    Topics: Flex 3 (Moxie) |

    3 Responses to “Flex Applications that Warn on Close”

    1. PeZ Says:
      July 2nd, 2008 at 9:20 am

      Thanks but It doesn’t work neither on Safari 3.1 (Mac) nor on Opera 9.5(Mac)

      [Reply to this comment]
    2. Daniel Neri Says:
      July 2nd, 2008 at 10:11 am

      Fantasic, thanks!

      Just the thing I needed ;)

      [Reply to this comment]
    3. everythingflex Says:
      July 2nd, 2008 at 11:30 am

      Hm, you are right, I tried it in Safari 3.1 and it doesn’t work. I am not sure why.

      [Reply to this comment]

    Comments