Ciao raga, ho intenzione di creare un form sul sito che vi ho postato qualche settimana fa "www.ewtec.it" ed ho girato un pò in giro nei tutorial ne ho trovato uno ma mi sembra strano, perchè nello script manca l'indirizzo di destinazione, visto che tutti i consigli che voi mi date a me sono serviti tanto ma soprattutto già sto riuscendo pure ad avvicinarmi anche all HTML che fino a qualche settimana fa per me era da paura, ho notato che proprio in questo tutorial che lo volevo usare per imparare ma soprattutto per creare l form di questo sito, vorrei che ci daste un'occhiata proprio a questo che vi sto allegando sotto:
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":
//-----codici di errore-----
function errore(){
if(!m1|!m2|!m3){
out="Inserire una mail valida";
Selection.setFocus("mail");
}
if(!valcognome){
out="Inserire un cognome valido";
Selection.setFocus("cognome");
}
if(!valnome){
out="Inserire una nome valido";
Selection.setFocus("nome");
}
}
Completiamo il form inserendo due suoni e una funzione per la cancellazione dei campi
//--settiamo i suoni fx---
alert=new Sound();
alert.attachSound("plik");
go=new Sound();
go.attachSound("boing");
//---reset----
function reset(){
nome="";
cognome="";
mail="";
info="";
sui pulsanti non ci resta che richiamare le funzioni controllo o reset;
procediamo ora alla realizzazione della funzione javascript che dovremmo inserire nell'HEAD della pagina che ospita il filmato
script language="JavaScript"
function fuoco() {
window.document.flash.focus();
}
function invia(cc,nome,cognome,info) {
var cc=cc;
var nome=nome;
var cognome=cognome;
var info=info;
if (navigator.appName.indexOf("Microsoft") != -1){
self.document.formflash.mail.value=cc
self.document.formflash.nome.value=nome
self.document.formflash.cognome.value=cognome
self.document.formflash.info.value=info
formflash.submit();
}else{
//---email alternativa per Netscape e altri------
window.location="mailto:webmaster@tuosito.it"
}
}
/script
sono stati omessi i <> nei tag della funzione per far visualizzare il codice
la prima funzione js riguarda il fuoco di tastiera per IE,
e può servire quando si vuol mettere il form indipendente o in finestra, si può evitare se il form viene inserito in un sito completamente flash, lo stesso dicasi per il pulsante di chiusura del form
in caso di NE o altri Browser si è si è previsto l'apertura del client di posta.
questo tutorial l'ho preso da : http://www.mmkit.com/article.php?sid...e=title&page=1
se c'è un errore mi aiutate ad individuarlo?
Vi aspetto con fiducia
Rispondi quotando
Julius86, ora scarico l'esempio con il file sorgente e lo provo, ma senti questo che tu mi hai consigliato all'interno del sito creato solo in flash funziona, oppure mi consigli di collegare una pagina html esterna...
ho appena creato il form quello in flash +php mi da questa scritta quando lo provo nella finestra di output del flash:
non capisco mi dai una mano?
