Un form mail con JavaScript

di: Luca Ruggiero     03 Marzo 2003

Inviare email a più destinatari

Una volta fatta un po di pratica con questi semplici metodi, proviamo ad implementare qualche piccola variazione sul tema. Creiamo un sistema che permetta di scegliere tra tre possibili destinatari reperendo l'indirizzo email da un menu a cascata, oppure, selezionando una checkbox, di inviare una email a tutti e tre contemporaneamente, ecco un esempio:

<script type="text/javascript">
<!--
function EmailMultipla() {
  var selezione = document.formEmail.opzione.checked;
  var destinatario = document.formEmail.destinatari.selectedIndex;
  
  if (selezione == true) {
    location.href = "mailto:pippo@disney.it?Subject=&Cc=pluto@disney.it&Bcc=paperino@disney.it";
  }
  else {
    switch(destinatario) {
	  case 0: location.href = "mailto:pippo@disney.it"; break;
	  case 1: location.href = "mailto:pluto@disney.it"; break;
	  case 2: location.href = "mailto:paperino@disney.it"; break;
	}
  }
}
//-->
</script> 
<form name="formEmail">
  Scegli il destinatario
  <select name="destinatari">
    <option>pippo@disney.it</option>
	<option>pluto@disney.it</option>
	<option>paperino@disney.it</option>
  </select>
  (Invia la mail a tutti i destinatari <input type="checkbox" name="opzione">)
  
  <input type="button" value="Invia" onClick="EmailMultipla()">
</form>

Ecco un esempio del modulo funzionante:

Scegli il destinatario (Invia la mail a tutti i destinatari )

Esaminiamolo.

Abbiamo dichiatato due variabili, selezione che controlla che la checkbox sia selezionata o meno e destinatario che cattura il valore del menu a cascata, se la checkbox è selezionata allora invierà una mail a tutti e tre i destinatari, altrimenti solo a quello selezionato.

Come esercizio consiglio di provare e riprovare ad implementare semplici sistemi del genere, da una semplice prova potrebbe nascere la soluzione ai propri problemi!

Guide JavaScript

Guida Node.js

Il framework che permette di per usare V8, l'interprete JavaScript...

Canvas, guida ai framework

Canvas, tra gli elementi di HTML5 è forse quello di maggior impatto....

Guida jQuery UI

Creare siti ricchi e dinamici con jQuery UI, il progetto ufficiale...

Altre guide

Newsletter @JavaScript

Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.

Iscriviti alla newsletter

Altre newsletter

Corsi in aula

Corso Webmaster base

18 Giugno 2012 a Milano
Disponibilità: 6 Posti

Corso Google AdWords Base

25 Giugno 2012 a Milano
Disponibilità: 7 Posti

Corso JQuery e Ajax per Webmaster

03 Luglio 2012 a Milano
Disponibilità: 7 Posti

Corso Google AdWords Base

05 Giugno 2012 a Roma
Disponibilità: 7 Posti

Corso Webmaster base

11 Giugno 2012 a Roma
Disponibilità: 7 Posti