 |
Form Flash Universale - Download:  |
 |
Contribuito da : chicco_flash
il Martedì 04 dicembre 2001 alle 20:57:19
(Articolo letto 33591 volte) |
|
|
|
Vediamo in questo articolo come realizzare un Form in Flash completo.
Molte volte si vedono siti Flash molto belli con la voce Contact che
riconduce solo ad un semplice mailto:miamail@miosito.com.
I siti più evoluti offrono la possibilità di compilare un Form senza dovere scrivere una mail, con maggiore invogliamento per l'utente.
In questo articolo esamineremo tutte le caratteristiche salienti di un buon Form realizzato in Flash.
Il nostro Form avrà quindi le seguenti caratteristiche:
settaggio del fuoco automatico;
controllo dei campi obbligatori;
controllo dell'esattezza del formato e-mail;
invio del modulo (per IE) senza l'apertura dell'outlook o del Client di Posta, mediante conferma dell'utente, con formattazione dei campi nel body del messaggio e con l'e-mail reale del mittente;
invio col tasto "Enter";
compatibilità con NE e altri Browser con apertura del Client di Posta;
visualizziamo l'esempio e quindi procederemo all'analisi del Form...
Apri Form Flash
Passiamo ora all'analisi del codice:
Nel Flash avremo questo codice che racchiuderemo tutto nel primo fotogramma per un miglior utilizzo:
//----settiamo il fuoco iniziale e l'inizio e la fine dell'index-focus
Selection.setFocus("nome");
Selection.setSelection( "nome", "info");
con queste due semplici righe settiamo il Focus (è inoltre prevista un funzione Js per restituire il fuoco di tastiera in IE);
nel setSelection come [parametri] inseriremo il primo e l'ultimo campo input
procediamo ora creando una funzione che ci permetterà il controllo nei campi input:
//--controlliamo l'inserimento nei campi-------
function controllo(){
now=getTimer ();
//------controllo dell'e-mail---------
email1 = mail.lastIndexOf('@');
if (email1>=2) {
m1 = true;
} else {
m1 = false;
}
email2 = mail.lastIndexOf('.');
if ((email2-email1)>=2) {
m2 = true;
} else {
m2 = false;
}
email3 = mail.substr(email2,
mail.length);
if (email3.length>=3) {
m3 = true;
} else {
m3 = false;
}
//----controllo degli altri campi obbligatori----
if(nome.length>2){
valnome=true;
}else{
valnome=false;
}
if(cognome.length>2){
valcognome=true;
}else{
valcognome=false;
}
nella prima parte della funzione controlliamo l'esattezza del formato e-mail con inserimento del @ e del punto dopo...
quindi controlliamo l'inserimento nei campi obbligatori
se il controllo è ok procederemo all'invio, altrimenti genereremo l'output di errore
//---invio del modulo------
if(m1 & m2 & m3 & valnome & valcognome){
go.start(0,1);
mail=" "add mail;
out="invio dati...";
//---per invio con asp, php, cgi, inserire qui il loadvariable al posto di geturl------------
getURL ("JavaScript:invia('" add mail add "','" add nome add "','" add cognome add "','" add info add"')","","POST");
play();
}else{
errore();
alert.start(0, 1 );
}
}
a questo punto per l'invio utilizzeremo una funzione javascript,
se c'è qualche errore nella compilazione, verrà invece restituito con la funzione "errore":
| | | |
|
