Login Form

**Pepo06** · 04-11-2008, 13:17

Ciao a tutti!

Premetto che di flash ne so più niente che poco.

Detto ciò vi chiedo, è possibile creare un forum di login che mandi i dati di accesso ad un sito esterno?

Se sì come devo fare per creare un form con Flash CS3? (Mi servirebbe una guida quasi passo-passo o qualche script già pronto)

Di questo form avevo la trasposizione in HTML che vi posto (anche se penso che non servirà a nulla):

codice:

<html>
 <head><title>my login page</title></head>
 <body>
  login to kerio mailserver webmail:


  <form action="https://my.kerio.server/default/dologin.php" method="post">
 username: <input name="kerio_username">

 password: <input name="kerio_password" type="password">

 
 <input type="submit" value="log in">
  </form>
 </body>
</html>

**Pepo06** · 05-11-2008, 13:05

up

**and80** · 05-11-2008, 14:02

Non so come si dovrebbe comportare effettivamente il login, ma se usi questo codice dovresti ottenere quello che cerchi:

Codice PHP:


// Metti in libreria un componente Button, un Label e un TextInput.

// Poi copia e incolla il codice seguente nell'unico frame del filmato di prova.

import mx.controls.Button;

import mx.controls.Label;

import mx.controls.TextInput;



var a:Array = [];

a.push(this.createClassObject(Label, "title", 1));

a.push(this.createClassObject(Label, "userlabel", 2));

a.push(this.createClassObject(Label, "pwdlabel", 3));

a.push(this.createClassObject(TextInput, "kerio_username", 4));

a.push(this.createClassObject(TextInput, "kerio_password", 5));

a.push(this.createClassObject(Button, "login", 6));

a.push(new LoadVars());



a[0].move(10, 10); a[0].text = "login to kerio mailserver webmail:"; a[0].autoSize = "left";

a[1].move(10, 40); a[1].text = "username:";

a[2].move(10, 70); a[2].text = "password:";

a[3].move(80, 40); a[3].setSize(120, 22);

a[4].move(80, 70); a[4].setSize(120, 22); a[4].password = true;

a[5].move(10, 100); a[5].label = "log in";





function click (e:Object) {

    a[6].kerio_username = kerio_username.text;

    a[6].kerio_password = kerio_password.text;

    a[6].send("https://my.kerio.server/default/dologin.php", "_self", "POST"); 

}

a[5].addEventListener("click", this);

Il codice funziona da solo, senza accorgimenti, se non quello del commento in testa al codice stesso.

[edit] Ho fatto un test online, ma dice che la pagina è inesistente :master:

**Pepo06** · 05-11-2008, 14:11

Ciao innanzitutto ti ringrazio per la risposta...

Appena finisco la pausa pranzo provo il codice

[OT] La pagina non esiste perchè ogni utente mette il proprio indirizzo della webmail Kerio...esempio...se il mio mail server Kerio è sotto 234.212.xxx.xxx metterò quell'indirizzo. [/OT]

**Pepo06** · 05-11-2008, 15:40

Ciao,

ho fatto la prova (scusa se non faccio l'edit del messaggio, ma il firewall dell'ufficio mi blocca il mio post dove ho messo le 3 ics)...detto ciò...ecco la procedura che ho fatto:
1) creato un nuovo file .fla actionscript 1 & 2
2) aggiunti nella libreria textInput, label e button
3) aggiunto il codice in Azioni del primo fotogramma della scena
4) salvato e pubblicato

Il risultato è che, almeno con firefox, vedo i tre componenti "traballare" nella pagina senza essere fissi...

Io non so se è per qualche impostazione della rete che ho in ufficio (vedasi cache del firewall) però ti chiedo se vedi la stessa cosa anche tu all'indirizzo:
http://test.radiosberla.com/daycom/ (nella pagina Servizi)

Se confermi il problema, come posso risolvere??

**and80** · 05-11-2008, 19:56

Quando fa così è perchè c'è qualche errore, tipo che non trova un'istanza o robe simili, non saprei aiutarti alla cieca.

**Pepo06** · 11-12-2008, 14:05

ok funziona finalmente tutto.

Ultime features che mi piacerebbe implementare:
1) cancellare i campi ogni volta che viene cambiata pagina o premuto il tasto Accedi;
2) fare in modo che il testo non rimanga in "sottofondo" quando si cambia la pagina e c'è l'animazione. (vedasi www.daycom.it nella pagina webmail)
3) fare in modo che il tasto Accedi sia "cliccabile" anche tramite il tasto Invio della tastiera.

E' possibile fare tutto questo??

**and80** · 13-12-2008, 13:49

Certo che si può, ma dovresti dirmi come inserisci quel form nella pagina, è un swf esterno?

**Pepo06** · 13-12-2008, 13:54

Io ho semplicemente creato un nuovo livello nella Scena 1 e nel primo fotogramma ho inserito sotto la voce "Azioni" il codice che mi hai dato. Con le opportune modifiche (vedasi indirizzo server e posizione dei vari elementi).

**and80** · 13-12-2008, 13:58

Questo è il codice per cancellare i campi e usare il tasto "Invio".

Codice PHP:


import mx.controls.Button;

import mx.controls.Label;

import mx.controls.TextInput;



var path:MovieClip = this.createEmptyMovieClip("path", this.getNextHighestDepth());

var a:Array = [];

a.push(path.createClassObject(Label, "title", 0));

a.push(path.createClassObject(Label, "userlabel", 1));

a.push(path.createClassObject(Label, "pwdlabel", 2));

a.push(path.createClassObject(TextInput, "kerio_username", 3));

a.push(path.createClassObject(TextInput, "kerio_password", 4));

a.push(path.createClassObject(Button, "login", 5));

a.push(new LoadVars());



a[0].move(10, 10); a[0].text = "login to kerio mailserver webmail:"; a[0].autoSize = "left";

a[1].move(10, 40); a[1].text = "username:";

a[2].move(10, 70); a[2].text = "password:";

a[3].move(80, 40); a[3].setSize(120, 22);

a[4].move(80, 70); a[4].setSize(120, 22); a[4].password = true;

a[5].move(10, 100); a[5].label = "log in";





function click (e:Object) {

    a[6].kerio_username = kerio_username.text;

    a[6].kerio_password = kerio_password.text;

    a[6].send("https://my.kerio.server/default/dologin.php", "_self", "POST");

    a[3].text = "";

    a[4].text = "";

}

function keyDown (e:Object) {

    if (Key.isDown(Key.ENTER)) {

        click();

    }

}

a[5].addEventListener("click", this);

a[5].addEventListener("keyDown", this);

Per il problema al 2° punto ho invece aggiunto la creazione di un movieclip che contenga il form, così se rimuovi il movieclip "path", dovresti risolvere il problema di visibilità al cambio di pagina.

Discussione: Login Form

Strumenti discussione

Ricerca discussione

Visualizza

Login Form

Permessi di invio