di: Luca Ruggiero 03 Marzo 2003
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:
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!
Guida Node.jsIl framework che permette di per usare V8, l'interprete JavaScript... |
Canvas, guida ai frameworkCanvas, tra gli elementi di HTML5 è forse quello di maggior impatto.... |
Guida jQuery UICreare siti ricchi e dinamici con jQuery UI, il progetto ufficiale... |
Ogni martedì, direttamente nella tua e-mail: guide, articoli, script, novità e approfondimenti tecnici su JavaScript.
Iscriviti alla newsletter
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso JQuery e Ajax per Webmaster03 Luglio 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |