+ Rispondi al messaggio
Visualizzazione dei risultati da 1 a 1 su 1

Flash MX: Creare un login form con password e nome utente.

  1. #1
    L'avatar di onsitus
    onsitus non è in linea Scribacchino
    Introduzione

    Questo tutorial spiega come realizzare un modulo di login permettendo l'accesso a una area riservata per l'utente.

    Con l'uso di if/else, si potra verificare il valore emesso dal'utente in un campo di testo di input.

    Ecco il codice di base:

    if (condizione) {
    	//si la condizione e raggiunta
    	dichiarazione;
    } else {
    	//la condizione initiale non e raggiunta
    	dichiarazione2;
    }
    
    Troverà alla fine, i fla (versione MX).

    Prima parte: login con password
    1. Su un primo livello, si crea un campo di testo di input con un nome variabile. Nel panello di proprieta del campo di testo entrate il nome 'pass' nella casella var.
    2. Su un secondo livello, si crea un clip filmato che servira come pulsante. Disegna un ogetto/testo, seleziona il tutto e converte in un simbolo clip filmato enter_mc. Date a enter_mc il nome d'istanza 'enter_mc' nel panello di proprieta del clip filmato.
    3. Su un terzo livello, si aggiungera al fotogramma le codice necessarie, per azionare la verifica della condizione (in questo caso il valore di 'pass').

      Ecco il codice con commenti:

      //ferma il filmato
      stop();
      //dichiarazione di var pass
      var pass:String;
      //valore iniziale di var pass
      pass = "";
      //funzione del clip filmato enter_mc
      enter_mc.onRelease = function() {
      	//la condizione: pass vale pass1
      	if (pass == "pass1") {
      		//si, il playhead si sposta al fotogramma2
      		gotoAndStop(2);
      	} else {
      		//non, il playhead si sposta al fotogramma3
      		gotoAndStop(3);
      	}
      };
      
    4. Su un quarto livello, nel secondo fotogramma con stop(); si porta aggiungere un campo di testo statico "Password giusto" e nel terzo fotogramma con stop(); un campo di testo statico "Password errato"
    5. Ctrl+invio per provare il filmato

    Seconda parte: login con nome d'utente e password

    Usando la prima parte di questo tutorial, si aggiunge un secondo campo di testo di input per controllare nome d'utente e password.
    1. Su un quinto livello, si crea un campo di testo di input con un nome variabile. Nel panello di proprieta del campo di testo entrate il nome 'user' nella casella var.
    2. Selezionando il terzo livello si cambia il codice di prima per la verifica della condizione (in questo caso il valore di 'pass' e si 'user').

      Ecco il codice con commenti:

      //ferma il filmato
      stop();
      //dichiarazione di var pass e user
      var pass:String;
      var user:String;
      //valore iniziale di var pass e user
      pass="";
      user="";
      //funzione del clip filmato enter_mc
      enter_mc.onRelease = function() {
      	//la condizione: pass vale pass1 E user vale user1
      	if (pass == "pass1" && user=="user1") {
      		//si: il playhead si sposta al fotogramma2 "Password e user giusti"
      		gotoAndStop(2);
      	} else {
      		//non: il playhead si sposta al fotogramma3 "Password e/o user errati"
      		gotoAndStop(3);
      	}
      };
      
    3. Ctrl+invio per provare il filmato.

    Terza parte: login diverse utente con diverse password

    La prima e seconda parte vanno bene per un utente con un password.
    Adesso, vedremo come avere la possibilità di controllare il valore di piu utente con ogni uno il suo password senza devere riscrivere ogni volta if/else necesserarie per ogni uno.
    Usando la seconda parte di questo tutorial, si cambiera il codice con l'uso di array e onEnterFrame.
    1. Selezionando il terzo livello, si cambia il codice di prima per la verificazione delle condizione (in questo caso il valore di 'pass' preso d'un pass_array e il valore di 'user' preso d'un user_array).

      Ecco il codice con commenti:

      // ferma il filmato
      stop();
      //dichiarazione var pass e user e i
      var pass:String;
      var user:String;
      var i:Number;
      //valore iniziale di pass e user
      pass = "";
      user = "";
      //un array puo essere considerato come un contenitore per differenti elementi
      //il valore d'un elemento puo essere richiamato dalla sua posizione nel array
      //il primo elemento d'un array ha la posizione 0 e sara richiamato con array[0]
      // nuovo array che contiene password
      var pass_array = new Array("pass1", "pass2", "pass3");
      // nuovo array che contiene nome d'utente
      var user_array = new Array("user1", "user2", "user3");
      // funzione del clip filmato enter_mc
      enter_mc.onRelease = function() {
      	// i e una variabile che servira per sapere quante volte la funzione si ripetera
      	// il valore iniziale di i = 0
      	i = 0;
      	// il onEnterFrame aggiornera la funzione che controlla i valori di 'pass' e 'user' alla velocita di 12 volte per secondi impostato della frequenza fotogrammi(fps)
      	// in questo caso, il onEnterFrame e applicato a enter_mc (this)
      	this.onEnterFrame = function() {
      		// condizione: pass vale 'pass'+'i' E user vale 'user'+'i' E i campi di testo non sono vuoti
      		if (pass == pass_array[i] && user == user_array[i] && pass != ("" || undefined) && user != ("" || undefined)) {
      			// si: il playhead si sposta al fotogramma2 "Password e user giusti"
      			gotoAndStop(2);
      			// la condizione e raggiunta e si puo cancellare il onEnterFrame per evitare che continua in loop
      			this.onEnterFrame = null;
      			// no: pass vale 'pass'+i E user vale 'user'+i non sono uguale
      			// si controlla si i ha aggiunto il valore massimo controlando il numero di item nel array pass
      		} else if (i<pass_array.length) {
      			// i e incrementato di 1
      			// adesso i=1 e il loop continua a girare fino a quando si avera la condizione o che item del array siano finiti (i=3)
      			i++;
      		} else {
      			// non: la condizione non e stata raggiunta e i = pass_array.length
      			// il playhead si sposta al fotogramma3 "Password e/o user errati"
      			gotoAndStop(3);
      		}
      	};
      };
      
    2. Ctrl+invio per provare il filmato.

    Allegato del tutorial

    Scarica l'esempio completo di questo Tutorial (20,9 Kb)
    Ultima modifica di Master85; 27-02-2006 11:53 
    ℹ️ Leggi di più su onsitus ...

+ Rispondi al messaggio

Potrebbero interessarti anche ...

  1. Login con utente e password
    Da Joe_01 nel forum Visual Basic .Net
    Risposte: 4
    Ultimo Post: 21-01-2010, 22:23
  2. [HTML]Nome utente e password per visitare il sito
    Da lico96 nel forum HTML, CSS e JavaScript
    Risposte: 3
    Ultimo Post: 05-10-2008, 14:27
  3. macro excel , nome utente -> salva nome
    Da supermarix nel forum Microsoft Excel
    Risposte: 7
    Ultimo Post: 22-01-2008, 18:54
  4. [VB6] Creare Form Login Sicuri
    Da UbySoft71 nel forum Visual Basic 6
    Risposte: 8
    Ultimo Post: 08-05-2007, 20:26
  5. password e nome utente
    Da Cata1 nel forum Visual Basic 6
    Risposte: 23
    Ultimo Post: 19-01-2005, 18:14