4

Example Code for 360Flex Apollo Session

 3 years ago
source link: http://www.mikechambers.com/blog/2007/03/09/example-code-for-360flex-apollo-session/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Example Code for 360Flex Apollo Session

Friday, March 9, 2007

During my Apollo overview session at 360Flex, I built a simple HTML editor that provided live preview and allowed the HTML to save to the desktop. It is a pretty simple app, but it shows an example of using both the File API in Apollo as well as HTML.

I mentioned in the session that I would post it online, so here it is:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
<![CDATA[
import flash.filesystem.FileMode;
import flash.filesystem.FileStream;
import flash.filesystem.File;

/* Called when the user wants to save the file */
private function onSave():void
{
        //Get a reference to the desktop
        var desktop:File = File.desktopDirectory;
        
        //create a reference to the file on the desktop in which we will save html
        var saveFile:File = desktop.resolve(fileName.text);
        
        //create a FileStream instance to write to the file
        var fs:FileStream = new FileStream();
        
        //open file in WRITE mode
        fs.open(saveFile, FileMode.WRITE);
        
        //write the string to the file
        fs.writeUTFBytes(input.text);
        
        //close the file / file stream
        fs.close();
}

/* called when text in the TextArea changes */
private function onTextChange():void
{
        //pretty simple. Copy text from TextArea into HTML control as HTML
        html.htmlText = input.text;
}
]]>
</mx:Script>

<!-- Used to enter HTML -->
<mx:TextArea right="" left="" id="input" top="" height="139" textInput="onTextChange()"/>

<!-- Save Button -->
<mx:Button label="Save" id="saveButton" bottom="10" right="10" click="onSave()"/>

<!-- File Name on Desktop to save HTML in -->
<mx:TextInput id="fileName" right="72" bottom="10" text="test.html" />

<!-- HTML field to do live preview of HTML -->
<mx:HTML right="" left="" top="147" bottom="40" id="html"/>
</mx:Application>

Post any questions in the comments.


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK