Afwerking
Maak een nieuwe state en noem die "Member Area". Haal alles weg uit deze state en zet er een vrolijk tekstje in, onthoud wel dat dit de pagina is waar je naar toe word gestuurd als de gegevens goed zijn.
Voor een mooie overgang in het panel voeg je deze code toe aan je panel element:
Code (php)
1
<mx:Panel resizeEffect="Resize" >
Als het goed is ziet je hele mxml document er zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:states>
<mx:State name="Member Area" >
<mx:SetProperty target="{panel1}" name="x" value="10"/>
<mx:SetProperty target="{panel1}" name="y" value="10"/>
<mx:SetProperty target="{panel1}" name="width" value="511"/>
<mx:SetProperty target="{panel1}" name="height" value="336"/>
<mx:RemoveChild target="{Submit}"/>
<mx:RemoveChild target="{password}"/>
<mx:RemoveChild target="{username}"/>
<mx:RemoveChild target="{text1}"/>
<mx:RemoveChild target="{text2}"/>
</mx:State>
</mx:states>
<mx:HTTPService id="login_user" result="checkLogin(event)" showBusyCursor="true" method="POST" url="http://www.mijndomein.com/login.php" useProxy="false">
<mx:request xmlns="">
<username>{username.text}</username>
<password>{password.text}</password>
</mx:request>
</mx:HTTPService>
<mx:Script>
<![CDATA[
import flash.events.Event;
import mx.rpc.events.ResultEvent;
import mx.controls.*
private function checkLogin(evt:ResultEvent):void
{
if(evt.result.loginsuccess == "yes")
{
currentState = "Member Area";
}
if(evt.result.loginsuccess == "no")
{
mx.controls.Alert.show("Invalid username/password");
}
}
]]>
</mx:Script>
<mx:Panel x="147" y="107" width="213" height="169" layout="absolute" id="panel1" resizeEffect="Resize" title="Loginsysteem">
<mx:TextInput x="10" y="26" id="username"/>
<mx:TextInput x="10" y="69" id="password" displayAsPassword="true"/>
<mx:Text x="10" y="10" text="Username" id="text2"/>
<mx:Text x="10" y="49" text="Password" id="text1"/>
<mx:Button x="110" y="99" label="Logon" id="Submit" click="login_user.send()"/>
</mx:Panel>
</mx:WindowedApplication>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:states>
<mx:State name="Member Area" >
<mx:SetProperty target="{panel1}" name="x" value="10"/>
<mx:SetProperty target="{panel1}" name="y" value="10"/>
<mx:SetProperty target="{panel1}" name="width" value="511"/>
<mx:SetProperty target="{panel1}" name="height" value="336"/>
<mx:RemoveChild target="{Submit}"/>
<mx:RemoveChild target="{password}"/>
<mx:RemoveChild target="{username}"/>
<mx:RemoveChild target="{text1}"/>
<mx:RemoveChild target="{text2}"/>
</mx:State>
</mx:states>
<mx:HTTPService id="login_user" result="checkLogin(event)" showBusyCursor="true" method="POST" url="http://www.mijndomein.com/login.php" useProxy="false">
<mx:request xmlns="">
<username>{username.text}</username>
<password>{password.text}</password>
</mx:request>
</mx:HTTPService>
<mx:Script>
<![CDATA[
import flash.events.Event;
import mx.rpc.events.ResultEvent;
import mx.controls.*
private function checkLogin(evt:ResultEvent):void
{
if(evt.result.loginsuccess == "yes")
{
currentState = "Member Area";
}
if(evt.result.loginsuccess == "no")
{
mx.controls.Alert.show("Invalid username/password");
}
}
]]>
</mx:Script>
<mx:Panel x="147" y="107" width="213" height="169" layout="absolute" id="panel1" resizeEffect="Resize" title="Loginsysteem">
<mx:TextInput x="10" y="26" id="username"/>
<mx:TextInput x="10" y="69" id="password" displayAsPassword="true"/>
<mx:Text x="10" y="10" text="Username" id="text2"/>
<mx:Text x="10" y="49" text="Password" id="text1"/>
<mx:Button x="110" y="99" label="Logon" id="Submit" click="login_user.send()"/>
</mx:Panel>
</mx:WindowedApplication>
Merk op dat er bij de Submitbutton een functie is gekomen die verwijst naar de "checkLogin" functie.
Je kunt het script nog verder aanpassen en ik hoop dat jullie het een beetje snappen.