Lavora con noi

JavaScript

Siti tematici

Speciali

Ajax

JavaScript » Articoli » Effetti e controlli Javascript

Pagine:

RSS

Un form mail con JavaScript

di: Luca Ruggiero 03 Marzo 2003

In questo articolo vedremo come poter inserire nel proprio sito un form per l'invio delle e-mail senza utilizzare programmi server-side come ASP o PHP.

Ogni Webmaster dovrebbe avere sul proprio sito, ben evidente, un mezzo qualsiasi per farsi contattare, in genere tramite e-mail. Il navigatore esigente difficilmente tende ad accontentarsi del classico link di tipo mailto:, è ormai poco professionale ed ancor meno funzionale avvalersi di questo metodo per incrementare i propri contatti.

La soluzione ideale è senza dubbio l'utilizzo di script lato server, realizzati ad esempio con ASP, PHP, CGI, ecc. ma non tutti sono in grado di utilizzare queste tecnologie, o magari non hanno la possibilità di adoperarle a causa, ad esempio, del mancato supporto da parte del server delle librerie necessarie per il funzionamento di tali tecnologie.

La soluzione rimane quella client-side con l'utilizzo del mailto:, ma proviamo a sfruttare al meglio questo metodo, si provi ad inserire in un semplice link questa sorta di QueryString:

<a href="mailto:account1@server.it?Subject=Oggetto%20della%20mail&Cc=account2@server.it&Bcc=account3@server.it&Body=Messaggio%20di%20prova">invia</a>

il risultato è già diverso e lascia ben sperare per il futuro... proviamo subito.

Come si può notare, in ogni caso viene richiamato il client di posta elettronica riconosciuto per default dal sistema dell'utente, vediamo i campi che abbiamo utilizzato in questo esempio:

Subject - campo destinato ad ospitare l'oggetto della mail
Cc - campo per inviare una copia in carta carbone della mail ad un secondo destinatario
Bcc - campo per inviare una copia in carta carbone della mail ad un terzo destinatario
Body - campo destinato ad ospitare il corpo del messaggio della mail.

In genere capita di ricorrere ad un mezzo del genere in occasioni in cui ci sono sulla stessa pagina molti indirizzi email da poter contattare, a questo punto diventerebbe scomodo e troppo laborioso realizzare un modulo diverso per ogni singolo destinatario, quindi utilizziamo un metodo del genere:

<a href="mailto:verdi@server.it?Subject=Oggetto%20per%20il%20signor%20Verdi">Scrivi al signor Verdi</a>
<a href="mailto:bianchi@server.it?Subject=Oggetto%20per%20il%20signor%20Bianchi">Scrivi al signor Bianchi</a>
<a href="mailto:rossi@server.it?Subject=Oggetto%20per%20il%20signor%20Rossi">Scrivi al signor Rossi</a>

ed il risultato sarà:

Scrivi al signor Verdi

Scrivi al signor Bianchi

Scrivi al signor Rossi