Outils pour webmaster. Trucs et astuces en
code HTML et JavaScript : améliorer son site internet
Descriptif : la fonction mailto permet à votre visiteur de vous faire
parvenir un mail avec des sujets pré-définis en cliquant sur un lien dans votre page
HTML. Vous même pouvez utiliser ce générateur pour envoyer un ou plusieurs mails à
plusieurs personnes avec les mêmes champs définis.
Cliquez dans les champs non utilisés.
Exemple : Cliquez
ici.
Mise en oeuvre : Sélectionnez
et copiez directement à l'écran le code ci-dessous et collez-le dans votre page, code
HTML visible.
Entre les deux balises <body>
et </body>
<script LANGUAGE="JavaScript">
/* Create the dataset and write to textarea */
function build_it(form) {
form.print_out.value='';
if (form.input1.value != "") {
form.print_out.value="<A HREF\=\"MAILTO\:" +
form.input1.value+"?";
}
if (form.input2.value != "") {
form.print_out.value +="CC=" +
form.input2.value +"&";
}
if (form.input3.value != "") {
form.print_out.value +="BCC=" +
form.input3.value +"&";;
}
if (form.input4.value != "") {
form.print_out.value +="SUBJECT=" +
form.input4.value +"&";
}
if (form.input5.value != "") {
form.print_out.value +="BODY=" +
form.input5.value;
}
form.print_out.value += "\">";
if (form.input6.value != "") {
form.print_out.value +=
form.input6.value;
}
form.print_out.value += "<\/a>\n";
}
</script>
<form name="mailtoForm">
<table border="1" cellpadding="0" cellspacing="0" bordercolor="#F3F3F3"
style="border-collapse: collapse">
<tr>
<td align="right" valign="top"><font size="2" face="Tahoma">To:</font></td>
<td><font face="Tahoma"><input type="text" name="input1" size="40"><br>
<font size="1">(separate each with comma)</font></font></td>
</tr>
<tr>
<td align="right" valign="top"><font size="2" face="Tahoma">Cc:</font></td>
<td><font face="Tahoma"><input type="text" name="input2" size="40"><br>
<font size="1">(separate each with comma)</font></font></td>
</tr>
<tr>
<td align="right" valign="top"><font size="2" face="Tahoma">Bcc:</font></td>
<td><font face="Tahoma"><input type="text" name="input3" size="40"><br>
<font size="1">(separate each with comma)</font></font></td>
</tr>
<tr>
<td align="right"><font size="2" face="Tahoma">Subject:</font></td>
<td><font face="Tahoma"><input type="text" name="input4" size="40"></font></td>
</tr>
<tr>
<td align="right"><font size="2" face="Tahoma">Body:</font></td>
<td><font face="Tahoma"><input type="text" name="input5" size="40"></font></td>
</tr>
<tr>
<td align="right"><font size="2" face="Tahoma">Link Text:</font></td>
<td><font face="Tahoma"><input type="text" name="input6" size="40"></font></td>
</tr>
</table>
<div align="left"><table border="0" cellspacing="0" cellpadding="2">
<tr>
<td><input type="button" value="Create Mailto Link" onClick="build_it(this.form)"
name="button"></td>
<td><input type="reset" value="RESET" name="reset"> </td>
</tr>
</table>
</div><table border="0" width="100%" cellspacing="0" cellpadding="3">
<tr>
<td width="100%"><font size="2" face="Tahoma"><input type="button"
onclick="form.print_out.focus();form.print_out.select()" value="Grab Text" name="grab"></font>
<font size="1"><font face="Verdana">Then use Control-C </font><font face="Tahoma" size="1">to
copy the text into your web page.</font> </font></td>
</tr>
<tr>
<td width="100%"><textarea WRAP name="print_out" rows="5" cols="50"></textarea> </td>
</tr>
</table>
</form>
Retour