Social Retail 2.0

<br /><?xml version="1.0" encoding="utf-8"?><br /><mx:application mx="http://www.adobe.com/2006/mxml" layout="absolute" viewsourceurl="srcview/index.html"><br /> <br /> <!-- This XML is our static model, where we specify the titles and source paths of our images, you can always replace this with your dynamically loaded XML --><br /> <mx:xml id="myGallery"><br /> <gallery><br /> <item><br /> <title>"I love you, chennai"</title><br /> <source>chennai1.jpg</source><br /> </item><br /> <item><br /> <title>"dumbledore dies, nao feed meh</title><br /> <source>chennai2.jpg</source><br /> </item><br /> <item><br /> <title>"AHHH!" Too many stairz!"</title><br /> <source>chennai3.jpg</source><br /> </item><br /> <item><br /> <title>Kitteh couldn't resist</title><br /> <source>chennai1.jpg</source><br /> </item><br /> <item><br /> <title>Mono-rail cat test-deploys</title><br /> <source>chennai2.jpg</source><br /> </item><br /> </gallery><br /> </mx:XML><br /><br /> <!-- In Actionscript arrays start at 0, so 0 is actually your first item Specify how many images you have in your gallery--><br /> <mx:number id="totalItems">4</mx:Number><br /> <!-- Specify the starting point, this will hold the value of the Image you're currently viewing --><br /> <mx:number id="currentItem">0</mx:Number><br /> <br /> <!-- We define 2 sequences which simply do the following 1. Fades out image 2. When the fade out effect is complete, it either goes to the next or previous item 3. Fades in image --><br /> <mx:sequence id="previousImage" target="{galleryImage}"><br /> <mx:fade alphafrom="1" alphato="0" duration="1000" effectend="{currentItem = currentItem - 1}"><br /> <mx:fade alphafrom="0" alphato="1" duration="1000"><br /> </mx:Sequence><br /> <mx:sequence id="nextImage" target="{galleryImage}"><br /> <mx:fade alphafrom="1" alphato="0" duration="1000" effectend="{currentItem = currentItem + 1}"><br /> <mx:fade alphafrom="0" alphato="1" duration="1000"><br /> </mx:Sequence><br /> <br /> <mx:vbox horizontalcenter="0"><br /> <!-- The text component displays the title of our image by binding to the XML. notice than currentItem changes depending on our navigation. --><br /> <mx:text text="{myGallery.item.title[currentItem]}"><br /> <mx:hbox><br /> <!-- We use the previous and next buttons as our navigation, we do the following to these components. 1. Define an inline event handler 2. Make sure that if the currentItem is smaller or greater than 0 or totalItems that it is enabled/disabled --><br /> <mx:button id="prevBtn" label="Previous" click="{previousImage.play(); prevBtn.enabled = false; nextBtn.enabled = false;}" enabled=""> 0}"/><br /> <mx:button id="nextBtn" label="Next" click="{nextImage.play(); prevBtn.enabled = false; nextBtn.enabled = false;}" enabled="{currentItem < totalItems}"><br /> </mx:HBox><br /> <mx:canvas width="500" height="500" clipcontent="true"><br /> <!-- Our gallery image is bound to our XML, notice that currentItem changes depending on our navigation. --><br /> <mx:image id="galleryImage" data="{myGallery.item.source[currentItem]}"><br /> </mx:Canvas><br /> </mx:VBox><br /> <br /></mx:Application><br />

<br /><?xml version="1.0" encoding="utf-8"?><br /><mx:application mx="http://www.adobe.com/2006/mxml" backgroundcolor="#FFFFFF" backgroundalpha="0" me="com.mycustom.components.*"><br /><br /> <mx:form><br /> <mx:formitem label="Email Address:"><br /> <me:textinputemail><br /> </mx:FormItem><br /> <mx:formitem><br /> <mx:button label="Submit"><br /> </mx:FormItem><br /> </mx:Form><br /><br /></mx:Application><br />

<br />package com.mycustom.components<br />{<br />import mx.controls.TextInput;<br />import mx.events.ValidationResultEvent;<br />import mx.validators.EmailValidator;<br />import flash.events.Event;<br />import mx.validators.ValidationResult;<br /><br />//create new class from existing component<br />public class TextInputEmail extends TextInput<br />{<br /> //create properties<br /> private var emailValidator:EmailValidator = new EmailValidator();<br /> private var validator:ValidationResultEvent;<br /><br /> //constructor<br /> public function TextInputEmail()<br /> {<br /> //get access to the methods and properties of the super class<br /> super();<br /> //set properties of the validator<br /> this.emailValidator.source = this;<br /> this.emailValidator.property = "text";<br /><br /> //listen for the keyboard enter, call validate method<br /> this.addEventListener("enter", this.validate);<br /><br /> }<br /><br /> private function validate(event:Event):void<br /> {<br /> //validate input<br /> validator = emailValidator.validate();<br /> //check validation result<br /> if (validator.type == ValidationResultEvent.VALID)<br /> {<br /> this.errorString = "";<br /> } else {<br /> //set message in input mouseover<br /> this.errorString = validator.message;<br /> }<br /> }<br />}<br />}<br /><br />
We can validate our input using form controls but if u want to customize the TextInput control as a E-Mail validator then this is for you:
Output is:

This is challening job to hardcore MXML component in Actionscript. In this example i am passing variable in runtime to actionscript code. It will be easy to design in MXML and code will be with in 10 lines but Actionscipt it will takes almost 280 lines. You can example in my Ucoz site
Download Source Code here

i have uploaded my swf files into ucoz.com which is free and i can deploy all swf with in ucoz.com but when i try to deploy into blogspot it gives crossdomain.xml error. I have placed that file in my kamil.ucoz.com/crossdomain.xml but it does not take the permission because i have to place the crossdomain.xml into root folder but it is not possible to place the rootfolder. Ucoz also dont placed any crossdomain.xml. Is there any way to run swf in another domain ?

There are lot of flash component in Internet but i can't embed this into Flex application. It is easy to embed flash alone component without any assets and any XML . This is example which is uses flash compent it works in flex builder but when i releasing this project i got security error Error #2044: Unhandled securityError:. text=Error #2140. When i browse to find solution i got this idea to change flex builer-project-properties-flexcompiler-additional compiler arguments--use-network=false that is it
cheers
For example you can look at my site http://kamil.ucoz.com

There is one open source flip engine api for Magazine megazine.mightypirates.de .
We can use it for commercial pupose.

i am trying to enhance some features