Formulaire mailto ne marche pas sur IE

Formulaire mailto ne marche pas sur IE - HTML/CSS - Programmation

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  :sweat: .
 
A bientôt.

Reply

Marsh Posté le 16-11-2006 à 09:08:26   

Reply

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

Reply

Marsh Posté le 16-11-2006 à 14:23:27    

Un p'tit up  :ange:

Reply

Marsh Posté le 16-11-2006 à 15:15:03    

Ta page complète donne quoi :??:

Reply

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&eacute;nom</label>
      <input type="text" maxlength="50" name="nom_prenom" />
    </div>
 
    <div>
      <label>Adresse M&eacute;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 &agrave; votre conception de l'&eacute;valuation :
    </p>
     
    <div>
      <label>Verbes<label>
      <input type="checkbox" name="verbe" value="contr&ocirc;ler" />contr&ocirc;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&ocirc;le" />contr&ocirc;le
      <input type="checkbox" name="substantif" value="rep&eacute;rage" />rep&eacute;rage
      <input type="checkbox" name="substantif" value="sanction" />sanction
      <input type="checkbox" name="substantif" value="examen/dipl&ocirc;me" />examen/dipl&ocirc;me
      <input type="checkbox" name="substantif" value="v&eacute;rification" />v&eacute;rification
      <input type="checkbox" name="substantif" value="bilan" />bilan
      <input type="checkbox" name="substantif" value="bar&ecirc;me/grille" />bar&ecirc;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&eacute;orientation" />orientation/r&eacute;orientation
      <input type="checkbox" name="substantif" value="appr&eacute;cation" />appr&eacute;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&egrave;mes d'&eacute;valuation que vous connaissez ?
    </p>
     
    <div>
      <label>enseignement g&eacute;n&eacute;ral (dipl&ocirc;mes du secondaire, sup&eacute;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&eacute;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  :??: .


Message édité par electroger le 16-11-2006 à 15:35:15
Reply

Marsh Posté le 16-11-2006 à 15:32:34    

c'est ta page complète ?
 
'manque pas des bouts là ?


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

Marsh Posté le 16-11-2006 à 15:34:24    

brisssou a écrit :

c'est ta page complète ?
 
'manque pas des bouts là ?


 
Non, c'est juste le formulaire. Le reste va pas trop vous servir à mon avis.

Reply

Marsh Posté le 16-11-2006 à 15:45:54    

je pense que peut-être que si en fait. Avec les histoire de doctype et niveau de standardisation


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

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  :o ) :
 
 
<!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">&nbsp;</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&eacute;c&eacute;dente" border="0"></a><!-- TemplateEndEditable --></td>
          <td width="40" height="90
    "><!-- TemplateBeginEditable name="suivanth" --><!-- TemplateEndEditable --></td>
        </tr>
      </table>
    </td>
    <td width="5" height="84">&nbsp;</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>&nbsp;</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&eacute;nom</label>
      <input type="text" maxlength="50" name="nom_prenom" />
    </div>
 
    <div>
      <label>Adresse M&eacute;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 &agrave; votre conception de l'&eacute;valuation :
    </p>
     
    <div>
      <label>Verbes<label>
      <input type="checkbox" name="verbe" value="contr&ocirc;ler" />contr&ocirc;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&ocirc;le" />contr&ocirc;le
      <input type="checkbox" name="substantif" value="rep&eacute;rage" />rep&eacute;rage
      <input type="checkbox" name="substantif" value="sanction" />sanction
      <input type="checkbox" name="substantif" value="examen/dipl&ocirc;me" />examen/dipl&ocirc;me
      <input type="checkbox" name="substantif" value="v&eacute;rification" />v&eacute;rification
      <input type="checkbox" name="substantif" value="bilan" />bilan
      <input type="checkbox" name="substantif" value="bar&ecirc;me/grille" />bar&ecirc;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&eacute;orientation" />orientation/r&eacute;orientation
      <input type="checkbox" name="substantif" value="appr&eacute;cation" />appr&eacute;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&egrave;mes d'&eacute;valuation que vous connaissez ?
    </p>
     
    <div>
      <label>enseignement g&eacute;n&eacute;ral (dipl&ocirc;mes du secondaire, sup&eacute;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&eacute;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&eacute; via le logiciel de messagerie install&eacute; sur votre poste </p>
 
      <p align="right">&nbsp;     </p>
 
    <!-- TemplateEndEditable --></td>
  </tr>
  <tr>
    <td height="5" colspan="3"><div align="center">
      <hr   width="100%" noshade>
    </div>
    </td>
  </tr>
  <tr>
 
    <td>&nbsp;</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&eacute;c&eacute;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>&nbsp;</td>
  </tr>
</table>
 
</body>
</html>
 

Reply

Marsh Posté le 16-11-2006 à 16:10:25    

T'es ou t'es pas l'auteur, avoue c'est pas grave :whistle:  
 
Bouuuh les tables :o
Bouuuh le doctype :o
Bouuuh le JS moisi qui sert à rien généré par un vilain générateur :o
... :o
 
Ca sera plus adapté vu que y'a tentative d'écriture en style xml:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


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 :whistle:
 
 
 

Reply

Marsh Posté le 16-11-2006 à 16:10:25   

Reply

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 [:spamafote] 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 :(

Reply

Marsh Posté le 17-11-2006 à 08:11:21    

tu vois que ça amène des réponse de  mettre tout le code :)


---------------
HFR - Mes sujets pour Chrome - Firefox - vérifie les nouveaux posts des topics suivis/favoris
Reply

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  :) .

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed