Formulaire mailto ne marche pas sur IE - HTML/CSS - Programmation
Marsh Posté le 16-11-2006 à 09:32:06
Je viens de remarquer que si je met mon formulaire en method get et que je met qu'un seul textarea avec pour nom "body", ça marche sur IE.
Le problème c'est que mon formulaire contient plusieurs textarea (et d'autres élements de formulaire de type select par exemple)... et je peux pas tout regrouper dans une variable "body".
Avec mozilla je peux récuperer des données sous la forme suivante :
champ1=gfdgdfg
champ2=blabla
champ3=eheheh
Marsh Posté le 16-11-2006 à 15:27:11
<form action="mailto:adresse@fai.fr" method="post" enctype="text/plain">
<div>
<label>Nom et prénom</label>
<input type="text" maxlength="50" name="nom_prenom" />
</div>
<div>
<label>Adresse Mél</label>
<input type="text" maxlength="50" name="mail" />
</div>
<p class="style3">
1 - Quels sont les termes et expressions qui, pour vous, correspondent le mieux à votre conception de l'évaluation :
</p>
<div>
<label>Verbes<label>
<input type="checkbox" name="verbe" value="contrôler" />contrôler
<input type="checkbox" name="verbe" value="situer" />situer
<input type="checkbox" name="verbe" value="se situer" />se situer
<input type="checkbox" name="verbe" value="mesurer" />mesurer
</div>
<div>
<label>autres verbes</label>
<input type="text" maxlength="50" name="autres_verbes" />
</div>
<div>
<label>Substantifs</label>
<input type="checkbox" name="substantif" value="contrôle" />contrôle
<input type="checkbox" name="substantif" value="repérage" />repérage
<input type="checkbox" name="substantif" value="sanction" />sanction
<input type="checkbox" name="substantif" value="examen/diplôme" />examen/diplôme
<input type="checkbox" name="substantif" value="vérification" />vérification
<input type="checkbox" name="substantif" value="bilan" />bilan
<input type="checkbox" name="substantif" value="barême/grille" />barême/grille
<input type="checkbox" name="substantif" value="notation" />notation
<input type="checkbox" name="substantif" value="information" />information
<input type="checkbox" name="substantif" value="aide/guide" />aide/guide
<input type="checkbox" name="substantif" value="certification" />certification
<input type="checkbox" name="substantif" value="orientation/réorientation" />orientation/réorientation
<input type="checkbox" name="substantif" value="apprécation" />apprécation
<input type="checkbox" name="substantif" value="test/outil" />test/outil
<input type="checkbox" name="substantif" value="parcours" />parcours
</div>
<div>
<label>autres substantifs</label>
<input type="text" maxlength="50" name="Autres substantifs" />
</div>
<div>
<label>Adjectifs</label>
<input type="checkbox" name="adjectif" value="formelle" />formelle
<input type="checkbox" name="adjectif" value="informelle" />informelle
<input type="checkbox" name="adjectif" value="subjective" />subjective
<input type="checkbox" name="adjectif" value="dramatique" />dramatique
</div>
<div>
<label>autres adjectifs</label>
<input type="text" maxlength="50" name="autres_adjectifs" />
</div>
<p class="style3">
2 - Quels sont les systèmes d'évaluation que vous connaissez ?
</p>
<div>
<label>enseignement général (diplômes du secondaire, supérieur ... )</label>
<textarea name="2a" rows="4" cols="63"></textarea>
</div>
<div>
<label>Enseignement des langues et du FLE</label>
<textarea name="2b" rows="4" cols="63"></textarea>
</div>
<div>
<label>Quels sont ceux qui vous paraissent le plus intéressant ?</label>
<textarea name="2c" rows="4" cols="63"></textarea>
</div>
<div>
<label>Pourquoi</label>
<textarea name="2d" rows="4" cols="63"></textarea>
</div>
<div>
<input name="submit" type="submit" value="Envoyer le questionnaire" />
<input name="button" type="button" onclick="window.print()" value="Imprimer" />
</div>
</form>
--------------------------------------
Je trouve pas de solution... Par contre ça vient pas de IE puisque le formulaire marche avec IE et eudora. Par contre ça marche pas avec IE et Thunderbird/outlook. Ca marche avec Mozilla et Thunderbird/outlook... J'ai du mal à capter .
Marsh Posté le 16-11-2006 à 15:34:24
brisssou a écrit : c'est ta page complète ? |
Non, c'est juste le formulaire. Le reste va pas trop vous servir à mon avis.
Marsh Posté le 16-11-2006 à 15:49:12
Ok, la page complète (je tiens à préciser que je suis l'auteur de cette page, j'essais juste de réparer le formulaire ) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Evaluation - second questionnaire</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../master2.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#" )!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
.Style3 {
font-size: 12;
font-weight: bold;
}
.Style5 {font-size: 12}
.Style6 {font-size: 12px}
-->
</style>
</head>
<body bgcolor="#FFFFFF" onLoad="MM_preloadImages('../images/plan5b.gif')">
<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="21" colspan="3" class="module"><div id="overDiv" ></div>
<script language="JavaScript" src="../overlib2.js"><!-- overLIB (c) Erik Bosrup --></script>
<!-- TemplateBeginEditable name="module" -->Evaluation<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td width="5" height="84"> </td>
<td height="90"><table width="100%" height="90" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="80" height="90"><a href="index.html" onMouseOver="MM_swapImage('Image211','','../images/plan5b.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/plan5.gif" alt="Accueil Plan" name="Image211" width="80" height="50" border="0" id="Image2"></a></td>
<td width="5" height="90"><img src="../images/cote.gif" width="5" height="60"></td>
<td width="60" height="90"><img src="../images/tourbabel.gif" alt="Tour de Babel" width="60" height="90"></td>
<td height="90"><h1 align="center"><!-- TemplateBeginEditable name="titre" --><a name="haut"></a> Second questionnaire <br>
<!-- TemplateEndEditable --> </h1>
</td>
<td width="60" height="90"><!-- TemplateBeginEditable name="retourh" --><!-- TemplateEndEditable --></td>
<td width="40" height="90"><!-- TemplateBeginEditable name="precedenth" --><a href="javascript:history.back()"><img src="../images/fleches2r.gif" alt="Page précédente" border="0"></a><!-- TemplateEndEditable --></td>
<td width="40" height="90
"><!-- TemplateBeginEditable name="suivanth" --><!-- TemplateEndEditable --></td>
</tr>
</table>
</td>
<td width="5" height="84"> </td>
</tr>
<tr>
<td height="21" colspan="3"><hr width="100%" noshade></td>
</tr>
<tr>
<td height="424" colspan="3"><!-- TemplateBeginEditable name="texte" -->
<table width="65%" height="144" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#800040">
<tr>
<td><div align="justify">
<p> </p>
<table width="590" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<form action="mailto:monmail@fai.fr" method="post" enctype="text/plain">
<div>
<label>Nom et prénom</label>
<input type="text" maxlength="50" name="nom_prenom" />
</div>
<div>
<label>Adresse Mél</label>
<input type="text" maxlength="50" name="mail" />
</div>
<p class="style3">
1 - Quels sont les termes et expressions qui, pour vous, correspondent le mieux à votre conception de l'évaluation :
</p>
<div>
<label>Verbes<label>
<input type="checkbox" name="verbe" value="contrôler" />contrôler
<input type="checkbox" name="verbe" value="situer" />situer
<input type="checkbox" name="verbe" value="se situer" />se situer
<input type="checkbox" name="verbe" value="mesurer" />mesurer
</div>
<div>
<label>autres verbes</label>
<input type="text" maxlength="50" name="autres_verbes" />
</div>
<div>
<label>Substantifs</label>
<input type="checkbox" name="substantif" value="contrôle" />contrôle
<input type="checkbox" name="substantif" value="repérage" />repérage
<input type="checkbox" name="substantif" value="sanction" />sanction
<input type="checkbox" name="substantif" value="examen/diplôme" />examen/diplôme
<input type="checkbox" name="substantif" value="vérification" />vérification
<input type="checkbox" name="substantif" value="bilan" />bilan
<input type="checkbox" name="substantif" value="barême/grille" />barême/grille
<input type="checkbox" name="substantif" value="notation" />notation
<input type="checkbox" name="substantif" value="information" />information
<input type="checkbox" name="substantif" value="aide/guide" />aide/guide
<input type="checkbox" name="substantif" value="certification" />certification
<input type="checkbox" name="substantif" value="orientation/réorientation" />orientation/réorientation
<input type="checkbox" name="substantif" value="apprécation" />apprécation
<input type="checkbox" name="substantif" value="test/outil" />test/outil
<input type="checkbox" name="substantif" value="parcours" />parcours
</div>
<div>
<label>autres substantifs</label>
<input type="text" maxlength="50" name="Autres substantifs" />
</div>
<div>
<label>Adjectifs</label>
<input type="checkbox" name="adjectif" value="formelle" />formelle
<input type="checkbox" name="adjectif" value="informelle" />informelle
<input type="checkbox" name="adjectif" value="subjective" />subjective
<input type="checkbox" name="adjectif" value="dramatique" />dramatique
</div>
<div>
<label>autres adjectifs</label>
<input type="text" maxlength="50" name="autres_adjectifs" />
</div>
<p class="style3">
2 - Quels sont les systèmes d'évaluation que vous connaissez ?
</p>
<div>
<label>enseignement général (diplômes du secondaire, supérieur ... )</label>
<textarea name="2a" rows="4" cols="63"></textarea>
</div>
<div>
<label>Enseignement des langues et du FLE</label>
<textarea name="2b" rows="4" cols="63"></textarea>
</div>
<div>
<label>Quels sont ceux qui vous paraissent le plus intéressant ?</label>
<textarea name="2c" rows="4" cols="63"></textarea>
</div>
<div>
<label>Pourquoi</label>
<textarea name="2d" rows="4" cols="63"></textarea>
</div>
<div>
<input name="submit" type="submit" value="Envoyer le questionnaire" />
<input name="button" type="button" onclick="window.print()" value="Imprimer" />
</div>
</form>
<p>Ce questionnaire sera envoyé via le logiciel de messagerie installé sur votre poste </p>
<p align="right"> </p>
<!-- TemplateEndEditable --></td>
</tr>
<tr>
<td height="5" colspan="3"><div align="center">
<hr width="100%" noshade>
</div>
</td>
</tr>
<tr>
<td> </td>
<td><table width="100%" border="0" align="right" cellpadding="0" cellspacing="0">
<tr>
<td width="394" align="center" valign="middle">
<div align="left" class="couleur"><!-- TemplateBeginEditable name="auteur" --><b>Auteur
: </b>R. Lescure, 2005<!-- TemplateEndEditable --></div>
</td>
<td width="413" height="40" align="center" valign="middle"><div align="left"><!-- TemplateBeginEditable name="pdf" --><!-- TemplateEndEditable --></div></td>
<td width="60" height="40" align="left" valign="middle"><!-- TemplateBeginEditable name="retour" --><!-- TemplateEndEditable --></td>
<td width="40" height="40" align="center" valign="middle"><!-- TemplateBeginEditable name="precedent" --><a href="javascript:history.back()"><img src="../images/fleches2r.gif" alt="Page précédente" border="0"></a><!-- TemplateEndEditable --></td>
<td width="40" align="center" valign="middle"><a href="#haut"><img src="../images/fleches2h.gif" alt="Haut" width="40" height="40" border="0"></a></td>
<td width="40" height="40" align="center" valign="middle"><!-- TemplateBeginEditable name="suivant" --><!-- TemplateEndEditable --></td>
</tr>
</table>
</td>
<td> </td>
</tr>
</table>
</body>
</html>
Marsh Posté le 16-11-2006 à 16:10:25
T'es ou t'es pas l'auteur, avoue c'est pas grave
Bouuuh les tables
Bouuuh le doctype
Bouuuh le JS moisi qui sert à rien généré par un vilain générateur
...
Ca sera plus adapté vu que y'a tentative d'écriture en style xml:
Code :
|
A quoi sert la css importée si on rajoute du style dans le document même A quoi sert la css si c'est pour utiliser de vils attributs en live n'importe comment
A quoi sert tout ce JS moisi pour faire des effets alors que y'a encore une css qui semble être présente...
Bref, avec un code propre, utilisé comme il faut y'a déjà plus de chances que ça marche
Marsh Posté le 16-11-2006 à 19:05:07
Et c'est surtout strictement n'importe quoi de mettre un mailto dans l'attribut action d'un formulaire. Ce n'est tout bonnement pas autorisé par la recommendation HTML4, dès qu'on met un truc différent d'une URL, le comportement n'est pas définit.
Si pas d'outlook ou de client mail configuré, l'internaute pourra aller se faire voir Il faut à tous prix dégager ça, et utiliser un bon script côté serveur pour gérer la validité des données ainsi que réaliser l'envoi. C'est comme ça que ça se fait, et pas autrement
Marsh Posté le 17-11-2006 à 08:37:21
Ben je me doutais bien que la methode n'est pas bonne. Après je dois reprendre un script et faire en sorte que ça marche partout. Là c'est mal barré... Bon, du coup je vais peut être faire comme d'hab, un script php pour envoyer le mail.
Merci en tout cas pour l'aide .
Marsh Posté le 16-11-2006 à 09:08:26
Bonjour tout le monde,
J'ai un petit problème avec un formulaire. Ce formulaire permet d'envoyer des mails sans utiliser la fonction mail() de PHP mais en utilisant le client de messagerie associé au navigateur de l'utilisateur :
<form action="mailto:monadresse@fai.fr" method="POST" enctype="text/plain">
<textarea name="message" rows="4" cols="63"></textarea>
</form>
Ca marche parfaitement sur Mozilla : il m'ouvre ma messagerie et je récupère mes variables sous la forme de message=blabla. Par contre sur IE ça marche pas... Il recupère juste le sujet si je le met en variable dans le mailto par exemple.
Est ce que quelqu'un a une solution? J'ai regarder plusieurs exemples de ce genre de formulaire sur le net aucun ne marche sur IE... Je pense pas que mon PC soit le responsable, puisque sur plusieurs machines, le problème est le même.
J'espère que quelqu'un a une solution pour moi .
A bientôt.