formulaire de contact prblème avec IE

Par Gianpaolo, il y a 15 ans


Bonjour à tous , voici mon problème :
-1 : j'ai fais un formulaire de contact via le site de Rad Zone (merci à Rad pour touts ces infos et merci à Grafikart pour la zoombox qui marche impec), je l'ai intégré à un page existante et enregistré en PHP , il s'affiche bien sous Mozilla et G Chrome mais sous IE8 et 9 la page s'affiche sous forme de texte tous simple sur fond blanc (Sans CSS ) ??? Mon site n'est pas encore hébergé sur serveur donc pas de lien à vous proposer .
Après recherche sur ce forum et d'autres je n'ai pas trouver de solution je précise que je suis débutant (il y à 3 semaines je ne connaissais rien à la création de site) .
Je précise que lorsque ma page formulaire est enregistrée en HTML elle s'affiche correctement sous IE le problème se pose seulement avec l'extension PHP ????

-2 : Rad conseille de placer le code PHP en tous début de page avant le Doctype mais dans ce cas le formulaire se place à l'horizontal et sort du corps du site donc j'ai placé le code après , est-ce la raison ?
Où peut-être y a t-il un module à activer sur IE pour que ce code soit lisible correctement ? Je vous joint le code complet de ma page .
Quelqu'un pourrait-il m'éclairer voir me proposer une solution .

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<?php
// On vérifie si la fonction ini_set() a été désactivée...
$desactive = ini_get('disable_functions');
if (preg_match("/ini_set/i", "$desactive") == 0) {
// Si elle n'est pas désactivée, on définit ini_set de manière à n'afficher que les erreurs...
ini_set("error_reporting" , "E_ALL & ~E_NOTICE");
}
// Vérifier que le formulaire a été envoyé...
if (isset($_POST'envoi'])) {

//On commence une session pour enregistrer les variables du formulaire...
session_start();
$_SESSION'champ1'] = $_POST'champ1'];
$_SESSION'champ2'] = $_POST'champ2'];
$_SESSION'zone_email1'] = $_POST'zone_email1'];
//Enregistrement des zones de texte...
$_SESSION'zone_texte1'] = $_POST'zone_texte1'];
// Définir l\'icone apparaissant en cas d\'erreur...

// Définir sur 0 pour afficher un petit x de couleur rouge.
// Définir sur 1 pour afficher l\'image d\'une croix rouge telle que celle utilisée dans l\'assistant
// Si vous utilisez l\'option 1, l\'image de la croix rouge \'icone.gif\' doit se trouver dans le répertoire \'images\',
// ce dernier devant se trouver au même niveau que votre formulaire...
$flag_icone = 0;
// On vérifie si $flag_icone est défini sur 0 ou 1...
if ($flag_icone == 0) {
$icone = "<b><font size=\"3\" face=\"Arial, Verdana, Helvetica, sans-serif\" color=\"#CC0000\">x</font></b>";
} else {
$icone = "<img src=\"images/icone.gif\"";
}
// Définir l'indicateur d'erreur sur zéro...
$flag_erreur = 0;
// N'envoyer le formulaire que s'il n'y a pas d'erreurs...
if ($flag_erreur == 0) {                    
// Addresse de réception du formulaire
$email_dest = "dairejeanpaul@gmail.com";
$sujet = "votre message";
$entetes ="MIME-Version: 1.0 \n";
    $entetes .="From: Daire Jean-Paul<dairejeanpaul@gmail.com>\n";
    $entetes .="Return-Path: Daire Jean-Paul<dairejeanpaul@gmail.com>\n";
    $entetes .="Reply-To: Daire Jean-Paul<dairejeanpaul@gmail.com>\n";
    $entetes .="Content-Type: text/html; charset=iso-8859-1 \n";
    $partie_entete = "<html>\n<head>\n<title>Formulaire</title>\n<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>\n</head>\n<body bgcolor=#FFFFF>\n";

//Partie HTML de l'e-mail...
$partie_champs_texte .= "<font face=\"Verdana\" size=\"2\" color=\"#003366\">Saisissez votre nom = " . $_SESSION'champ1'] . "</font><br>\n";
$partie_champs_texte .= "<font face=\"Verdana\" size=\"2\" color=\"#003366\">objet du message = " . $_SESSION'champ2'] . "</font><br>\n";
$partie_zone_email .= "<font face=\"Verdana\" size=\"2\" color=\"#003366\">votre adresse e-mail = " . $_SESSION'zone_email1'] . "</font><br>\n";
$partie_zone_texte .= "<font face=\"Verdana\" size=\"2\" color=\"#003366\">votre message = " . $_SESSION'zone_texte1'] . "</font><br>\n";

                    // Fin du message HTML
                    $fin = "</body></html>\n\n";

                    $sortie = $partie_entete . $partie_champs_texte . $partie_zone_email . $partie_listes . $partie_boutons . $partie_cases . $partie_zone_texte . $fin;

                    // Send the e-mail
                    if (@!mail($email_dest,$sujet,$sortie,$entetes)) {
                    echo("Envoi du formulaire impossible");
                    exit();
                    } else {
                    // Rediriger vers la page de remerciement
                    header("Location:www.daire-jeanpaul.com/merci/merci.html");
                    exit();
                  } // Fin else
                } // Fin du if ($flag_erreur == 0) {
            } // Fin de if POST
?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Contact et liens </title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <meta name="description" content="daire jean-paul artiste sculpteur contemporain autodidacte,membre de la fondation taylor,le village champtercier,n'hésitez pas à me contacter,galerie terre des arts,liens amis" />
       <meta name="keywords" content="daire,jean-paul,artiste,sculpteur,contemporain,autodidacte,sculpture,pierre,portraits,bronze,personnalisez,message,e-mail,ecole,beaux-arts,arts,desing,artmajeur,gyp,matière,liens,galerie,fondation,taylor,facebook" />
       <meta name="author" content="Daire jean-Paul"/>
       <link rel="stylesheet" media="screen" type="text/css" title="Desing" href="desing.css"/>
       <link rel="shortcut icon" href="image/favicon.ico" />
        <link rel="icon" type="image/gif" href="image/animated_favicon1.gif" />
  <script language="JavaScript">

function verifSelection() {

if (document.mail_form.champ1.value == "") {
alert("champ obligatoire")
return false
} 
if (document.mail_form.zone_email1.value == "") {
alert("champ obligatoire")
return false
}
invalidChars = " /:,;'"
for (i=0; i < invalidChars.length; i++) {   // does it contain any invalid characters?
badChar = invalidChars.charAt(i)
if (document.mail_form.zone_email1.value.indexOf(badChar,0) > -1) {
alert("Votre adresse e-mail contient des caractères invalides. Veuillez vérifier.")
document.mail_form.zone_email1.focus()
return false
}
}
atPos = document.mail_form.zone_email1.value.indexOf("@",1) // there must be one "@" symbol
if (atPos == -1) {
alert('Votre adresse e-mail ne contient pas le signe "@". Veuillez vérifier.')
document.mail_form.zone_email1.focus()
return false
}
if (document.mail_form.zone_email1.value.indexOf("@",atPos+1) != -1) {  // and only one "@" symbol
alert('Il ne doit y avoir qu\'un signe "@". Veuillez vérifier.')
document.mail_form.zone_email1.focus()
return false
}
periodPos = document.mail_form.zone_email1.value.indexOf(".",atPos)
if (periodPos == -1) { // and at least one "." after the "@"
alert('Vous avez oublié le point "." après le signe "@". Veuillez vérifier.')
document.mail_form.zone_email1.focus()
return false
}
if (periodPos+3 > document.mail_form.zone_email1.value.length)  { // must be at least 2 characters after the 
alert('Il doit y avoir au moins deux caractères après le signe ".". Veuillez vérifier.')
document.mail_form.zone_email1.focus()
return false
}
if (document.mail_form.zone_texte1.value == "") {
alert("champ obligatoire")
return false
} 
} // Fin de la fonction
</script>
  </head>

   <body>

   <div id="site">
   <a name="haut"></a>
   <!-- l'en tête -->
   <div id="banniere">
    <img src="image/banniere.png" alt="photo banniere !" />
     </div>

   <!-- les menu -->
    <div id="menu"/>
    <div class="element_menu">
        <table cellpadding="0" cellspacing="0">

                     <tr>
                    <td width="90"><h2> <a href="index.html" title="retour page d'Accueil">Accueil</a> </h2></td>
                     <td width="130"><h2> <a href="abstraits.html" title="galeries photos">Galerie 1</a> </h2></td>
                     <td width="130"><h2> <a href="Galerie figuratifs.html" title="galeries photos">Galerie 2</a></h2></td>
                     <td width="130"><h2> <a href="Galerie portraits.html" title="galeries photos">Galerie 3</a></h2></td>
                     <td width="140"> <h2> <a href="Biographie.html" title="présentation de l'artiste"> Biographie</a> </h2></td>  
                     <td width="140"><h2> <a href="Expositions et prix.html" title="expositions"> Expositions</a> </h2></td>
                     <td width="120"> <h2> <a href="Agenda.html" title="infos">Agenda</a></h2></td>
                     <td width="120"><h2> <a href="contact.php" title="email-liens"> Contact </a> </h2></td>
                 </tr>
        </table>
    </div>

    <!-- le corps -->
    <div id="contact">

   <div class="element_mailto">

    <table align='center' border='0' cellpadding='20'>
<tr>
<td width='400px' style='text-align:left;'> <h3>Daire Jean-Paul </h3> 
   <h3>Sculpteur</h3>
<p>Le Village<br /></p>
<p>04660 Champtercier<br /></p>
   <p>Sculptures en argile , pierre , portraits , tirages en bronze .<br />
   Vous souhaitez personnaliser l'entrée en pierre de votre maison , linteaux , piliers , cheminée , 
   je suis à votre écoute pour réaliser votre projet
   n'hésitez pas à me contacter .<br />
   à bientôt</p> 

  <form name="mail_form" method="post" action="<?=$_SERVER'PHP_SELF']?>" onSubmit="return verifSelection()">
  <div align="left"></div><br><table align="left" width="400" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="16"><div align="left">
  <font color="#CC0000" size="2" face="Rondalo, Arial, Helvetica, sans-serif, Tahoma"><strong><?php
if ($erreur_champ1) {
      echo(stripslashes($erreur_champ1));
      } else {
if ($erreur_champ2) {
      echo(stripslashes($erreur_champ2));
      } else {
if ($erreur_email1) {
      echo(stripslashes($erreur_email1));
      } else {
if ($erreur_texte1) {
      echo(stripslashes($erreur_texte1));
      } else {
} // Fin du else...
} // Fin du else...
} // Fin du else...
} // Fin du else...
?>
    </strong></font>
    </div></td>
      </tr>
    </table>
<p align="left"></p><table width="400" border="0" align="left"><tr>
      <td width="140"><div align="left"><font face="Rondalo" color="white" size="3">-Saisissez votre nom</font></div></td>
      <td align="left" valign="middle" width="30">
      <?php
      if ($erreur_champ1) {
      echo($icone);
      }
      ?>
      </td>
      <td><input name="champ1" type="text" value="<?=stripslashes($_SESSION'champ1']);?>"></td>
    </tr></table><table width="400" border="0" align="left"><tr>
      <td width="140"><div align="left"><font face="Rondalo" color="white" size="3">-Objet du message</font></div></td>
      <td align="left" valign="middle" width="30">
      <?php
      if ($erreur_champ2) {
      echo($icone);
      }
      ?>
      </td>
      <td><input name="champ2" type="text" value="<?=stripslashes($_SESSION'champ2']);?>"></td>
    </tr></table><table width="400" border="0" align="left"><tr>
      <td width="140"><div align="left"><font face="Rondalo" color="white" size="3">-Votre adresse e-mail</font></div></td>
      <td width="30" align="left" valign="middle">
      <?php
      if ($erreur_email1) {
      echo($icone);
      }
      ?>
      </td>
      <td><input name="zone_email1" type="text" value="<?=stripslashes($_SESSION'zone_email1']);?>"></td>
    </tr></table><table width="400" border="0" align="left"><tr>
      <td width="140" valign="top"><div align="left"><font face="Rondalo" color="white" size="3">-votre message</font></div></td>
      <td width="30" align="left" valign="top">
      <?php
      if ($erreur_texte1) {
      echo($icone);
      }
      ?>
      </td>
      <td><textarea name="zone_texte1" cols="45" rows="7"><?=stripslashes($_SESSION'zone_texte1']);?></textarea></td>
    </tr></table><table width="400" border="0" align="left"><tr>
<td valign="top"><div align="center"> 
          <input type="reset" name="Reset" value=" Effacer ">

          <input type="submit" name="envoi" value="Envoyer">
        </div></td></tr></table><div align="center"><input name="nbre_fichiers" type="hidden" id="nbre_fichiers" value=""></div></form>
 </div>

  <h3>Retrouvez moi sur :</h3>
  <p><a href="http://www.artmajeur.com/dairejeanpaul"target="_blank"><img src="image/artmajeur.jpg" alt="logo artmajeur"/></a></p>
         <p><a href="http://www.facebook.com/home.php?" target="_blank"><img src="image/facebook.jpg" alt="logo facebook"/></a></p></td>
  <td width='600px' style='text-align:auto;'>
         <h1>Liens coups de coeur et amis</h1>
                                           <p><a href="http://www.alainreymond.fr" target="_blank">www.alainreymond.fr</a>.............................Beaux-Arts</p>
     <p><a href="http://www.cc3v.com/index.php?rubrique=252" target="_blank"><img src="image/eba.jpg" alt="logo eba"/></a>.............................Ecole</p>
                   <p><a href="http://www.yvon-kergal.com" target="_blank"><img src="image/yvon.jpg" alt="logo yvon"/></a>.............................Peintre
                    <p><a href="http://www.elsamagrey.com" target="_blank"><img src="image/elsa.jpg" alt="logo elsa"/></a>.............................Elsa Magrey sculpteur</p>
       <p><a href="http://www.celine-creze.fr/ArtSite" target="_blank"><img src="image/celine.jpg" alt="logo celine"/></a>............................Photographiste-Plasticienne</p>
                  <p><a href="http://www.acg-mobilier.com" target="_blank"><img src="image/alex.jpg" alt="logo alex"/></a>.............................Art Design & Création</p>
         <p><a href="http://www.equipement-hotellerie.com" target="_blank"><img src="image/alex.jpg" alt="logo alex"/></a>.............................Art Design & Création</p>
         <p><a href="http://www.alexandredeschaumes.com" target="_blank"><img src="image/alexD.jpg" alt="logo alexD"/></a>.............................Photographe</p>
   <p><a href="http://www.terredesarts.fr" target="_blank"><img src="image/terredesarts.jpg" alt="logo terredesarts"/></a>.............................Galerie d'arts</p>
           <p><a href="http://www.fondationtaylor.com" target="_blank"><img src="image/taylor.jpg" alt="logo taylor"/></a>.............................Fondation Taylor</p>
                 <p><a href="http://www.gyp-art-matiere.com" target="_blank"><img src="image/gyp.jpg" alt="logo gyp"/></a>.............................GYP Art et Matière</p>
      </td>
    </tr>
  </table>
  </div>

  <!-- le pied de page -->
    <div id="footer">   <!-- Inclusion du Footer -->

            <div style="float: left; margin-left: 210px;"/>
                    <a href="index.html" title="retour page d'Accueil">Accueil</a> |
                    <a href="abstraits.html" title="galeries photos">Galerie 1</a> </h2></td> |
                    <a href="Galerie figuratifs.html" title="galeries photos">Galerie 2</a> |
                    <a href="Galerie portraits.html" title="galeries photos">Galerie 3</a> |
                    <a href="Biographie.html" title="présentation de l'artiste"> Biographie</a> |
                    <a href="Expositions et prix.html" title="expositions"> Expositions</a> |
                    <a href="photomontages.html" title="montages de photos">Photomontages</a> |
                    <a href="Agenda.html" title="infos">Agenda</a> |
                    <a href="contact.php" title="email-liens"> Contact </a> 
    </div>             
    <a href="#haut" title="Revenez en haut et début de page"><img src="image/fleche.jpg" style="float: rigth; margin-rigth: 0px;" alt="flèche bouton de retour vers le début haut de page" /></a>
     <div style="float: right; padding-top: 3px; margin-right: 250px;"/><h4>    .... Copyrigth Jean-Paul Daire 2011 .... <a href="mentions legales.html" title="mentions legales"> Tous droits réservés</a> .... Site crée par Jean-Paul Daire ....</h4></div>
    </body>
</html>

Configuration: PC carte mère ASUS P7P55D intel P55+ICH10R / Core i7 860 2,80Ghz / mémoire DDR3 3Go 1600Mhz / Dd 160Go+500x2 S-ATA|| Maxtor 7200Trs / Carte Gigabyte Geforce 8400GS3 / Windows 7 / Firefox 3.6

11 réponses

Havok, il y a 15 ans

C'est bien étrange.
Là comme ça, je vois pas. Tu peux donner ton CSS également ? Qu'on puisse carrément tester en créant la page nous même, pour voir si ça nous fait pareil en fait.

Havok, il y a 15 ans

C'est bien étrange.
Là comme ça, je vois pas. Tu peux donner ton CSS également ? Qu'on puisse carrément tester en créant la page nous même, pour voir si ça nous fait pareil en fait.

Gianpaolo, il y a 15 ans

re Bonsoir et merci de la réponse voici le CSS:

/* GENERAL */
body
{ 
    background-image: url("image/fondweb.png");
    background-color:#2b2b2b; 
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top center;
}
p , h2 , h3 
{
    color:#d1d1d1;
    font-size: 18px;
    font-family: Rondalo, Arial , Verdana , "Time New Roman" , Sherif;
    padding-left: 20px;
    word-spacing: 2px;
}
a img
{
    border: none;
}
h1 , title
{
    color:#d1d1d1;
    text-align: right;
    font-size: 20px;
    font-family: Rondalo, Arial , Verdana , "Time New Roman" , Sherif;
    padding-left: 0px;
    text-decoration: underline;
}
#site 
{ /* Zone qui contient l ensemble du site */
    width: 1000px;

    margin-left: auto;
    margin-right: auto;
}
a { outline: none; }
#menu a 
{
   color: #8b9298;
   text-decoration: none; 
   text-align: right;
   margin-bottom: 0px;

}
#menu
h2
{
   text-align: right;
   border-bottom:#8b9298 0px solid;
   margin-top: 20px;
   margin-bottom: 30px;
   background-color:#2b2b2b; 
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
    float: right;
    color: white;
    font-size: 25px;
}
p
{
   text-indent: 30px;
}
#contact
{
   background-image: url("image/volonne.png");
   background-position: center;
   background-repeat: no-repeat;
   background-color:#2b2b2b;
   padding-top: 0px;
   margin-top: 10px;
   margin-bottom: 10px;
}
#biographie
{
   background-image: url("image/fleur.png");
   background-position: center;
   background-repeat: no-repeat;
   background-color:#383838;
   padding-top: 10px;
   margin-top: 20px;
   margin-bottom: 20px;
   }
#biographie
p
{
width: 80%;
text-align: justify; /* Texte justifié pour mieux voir la largeur du block */
padding: 2px;
padding-left: 15px;
 padding-bottom: 1px;
}
#my-page
{
   background-image: url("image/geisha0.png");
   background-position: top center;
   background-repeat: repeat;
   background-color:#383838;
   margin-top: 20px;
   margin-bottom: 20px;
}
#my-page
p
{
   width: 85%;
   text-align: right; /* Texte justifié pour mieux voir la largeur du block */
   margin-left: 40px;
   margin-right: 0px;

   padding-top: 15px;
   padding-bottom: 15px;
   padding: 5px;  
}
#mentions
{
   padding-left: 25%;
   padding-top: 10px;
   padding-bottom: 20px;
   background-color:#383838;
}
  #corps
{
   margin-left: auto;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-right: auto;
   padding: 0px;

   font-family: Rondalo , Arial , Verdana , "Time New Roman" , Sherif;
}
.element_mailto a:hover /* Quand on pointe sur mailto */
{
   background-color: #B3B3B3;
   color: white;
}
#corps
img
{
   padding-left: 5px;
   color: white;
   margin-right: 30px;
}
/* FOOTER */
#footer
 {
    border-bottom:#8b9298 1px solid;
    float: left;
    width: 1000px;
    height: 60px;
    margin-top: 40px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 12px;
     font-family: Rondalo , Arial , Verdana , "Time New Roman" , Sherif;
    color: #8b9298;
}
#footer a {
    margin-left: 5px;
    margin-right: 5px;
    color: #8b9298;
    text-decoration: none;
}
#footer a:hover {
    margin-left: 5px;
    margin-right: 5px;
    color: #8b9298;
    text-decoration: underline;
}

j'ajoute 3 images de capture d'écran
1-la page avec formulaire et Doctype avant PHP sur Mozilla et G Chrome: image

2- la même mais sur IE 9 : image

3-la page avec formulaire et PHP avant Doctype sur Mozilla et G Chrome : image

En espérant que vous voyiez plus clair que moi , Bonne fin de soirée !

Gianpaolo, il y a 15 ans

Et merde les lien vers les images ont disparus !!!!!

eloyas, il y a 15 ans

Bonjour :) ,

1 : edit ton post au lieux de faire un triple up ^^ ...
2 : J'ai trouver ton erreur
2.1 : Tes balises input se forme comme sa : <u><strong><input /></strong></u> et non <input>
2.2 : Voici une des tes erreurs, ligne 244 :

<td><input name="champ1" type="text" value="<?=stripslashes($_SESSION'champ1']);?>" />

, voila le <u><strong>bon code</strong></u> :

<td><input name="champ1" type="text" value="<?php stripslashes($_SESSION'champ1']); ?>" /></td>

... Fais les meme changements pour tes autres code ^^ ...
3 : Utiliser des tableaux pour les formulaires est contre sémanthique ^^, voici un lien pour savoir comment faire "l'effet" tableau sur un formulaire sans tableau ^^ Ici, c'est le troisième post en partant de la fin .

Cordialement Elo.

<u><strong>Edit : </strong></u> Chez moi ton code apparait normalement, sauf les erreurs dans les inputs et dans le textarea

Gianpaolo, il y a 15 ans

Merci eloyas pour ta réponse , je suis allé voir sur le site du zéro pour l'astuce , je ne connaissait pas donc je vais tenter de modifier ça se soir .

Pour ce qui des balises imput j'ai fais la correction que tu indique mais ça ne règle pas mes problèmes :
1- affichage sous IE 9 lorsque la page à l'extension PHP
2- position du code PHP par rapport au Doctype au sein de la page (voir début de post )
je cherche sur le net des solutions .
Je voudrais essayer de faire une page contact avec le java script + la partie HTML du formulaire + le HTML de ma page originale (extension HTML) et une autre page avec seulement le code PHP (extention PHP)
mais je sais pas comment faire un lien entre les 2 pages pour que cela fonctionne ?

Encore merci

eloyas, il y a 15 ans

J'ai tester moi même sous IE9 ton code, et aucune erreur n'apparait (je peux te faire un screen si tu veux ^^ )...

Cordialement Elo.

Gianpaolo, il y a 15 ans

Bonsoir , voici les dernières nouvelles , j'ai donc hébergé mon site provisoirement chez "RedHeberg.com (gratuit) pour tester le formulaire, l'affichage et le positionnement sont parfait sur FF, IE, GCr, mais l'e-mail ne part pas ; message d'erreur de Google " ce lien semble être rompu !" Et il y a toujours les bouts de code dans les champs , j'ai donc refais 4 formulaires de suite et retenté mais il n'y a rien à faire ça ne fonctionne pas !!!?????
Un type du support m'a dit que cela doit venir du code, normalement ça marche sans problème , donc un peu ras le bol j'ai remplacé avec un autre code plus simple que j'avais sous le coude (je ne sais plus où je l'ai trouvé) et celui-ci marche impec ! Par contre il n'y a pas de redirection vers un page de remerciement ce qui m'avait intéressé sur celui de Rad et auquel je tiens beaucoup pour mes clients .
Alors est-il possible d'intégrer cette fonction dans le code, j'ai bien essayé plusieurs fois mais je plane !

-Partie du code de Rad que je cherche à intégrer à mon nouveau formulaire:
// Rediriger vers la page de remerciement ou ajouter l"adresse du site : ("Location: http://www.monsite.com/merci.html");
header("Location: merci.html");
exit();
} // Fin else
} // Fin du if ($flag_erreur == 0) {
} // Fin de if POST

-Nouveau code :

<?php
$champs_obligatoires = array("champ1","email","texte");
$champs_titres = array('champ1' =>'Veuillez saisir votre nom','champ2' =>'Objet de votre message','email' =>'Veuillez saisir votre e-mail','texte' =>'Votre message',);
$destinataire = 'dairejeanpaul@gmail.com';
$headers = 'From: "Daire Jean-Paul" <dairejeanpaul@gmail.com>'."\n"; 
$headers .= 'Content-Type: text/plain; charset=iso-8859-1';
$sujet = 'votre message';
if (!empty($_POST)){
  $complete = true;
  foreach($champs_obligatoires as $champ){
    if (!isset($_POST$champ])||trim($_POST$champ])===''){
      $complete = false; //un champ obligatoire est incomplet
      break;
    }elseif($champ == 'email' && !preg_match('/.+a-zA-Z0-9-]+@.a-zA-Z0-9-]+.[a-zA-Z]{2,6}/', $_POST$champ])){
      $complete = false; //email invalide
      $_POST$champ] = '';
      break;
    }
  }
  foreach($_POST as $champ=>$valeur){
    $message .= $champs_titres$champ].': '.$valeur."\n";
  }
  $sent = $complete && @mail($destinataire,$sujet, $message,$headers);
 }

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

-Code JS :

<script language="JavaScript" type="text/javascript">
<!--
function flash_labels(show) {
    var i = 1;
    while(document.getElementById('field'+i)){
        if (document.getElementById('flabel'+i).style.color == "red"){
            if (show)
                  document.getElementById('flabel'+i).style.visibility = "visible";
            else
                document.getElementById('flabel'+i).style.visibility = "hidden";
        }
        i++;
    }
}
function verifSelection() {
    var i = 1;
    var retour = true;
    while(document.getElementById('field'+i)){
        if (document.getElementById('field'+i).value == ""){
            document.getElementById('flabel'+i).style.color = "red";
            retour = false;
        }else{
            document.getElementById('flabel'+i).style.color = "";
        }
        i++;
    }
    if (!retour) alert("Vous devez remplir le formulaire au complet !");
    setTimeout("flash_labels(false)", 100);
    setTimeout("flash_labels(true)", 350);
    setTimeout("flash_labels(false)", 600);
    setTimeout("flash_labels(true)", 850);
    return retour;
}
<?php if (isset($complete) && $complete == false) echo 'onload = function() {verifSelection(); }'; ?>
// -->
</script>

-Code html :

<?php if (!isset($sent) || (isset($complete) && $complete == false)){ ?>
  <!-- Debut formulaire -->
   <form action="" method="post" onsubmit="return verifSelection()">

 <table style="margin:0 auto;" width="400" border="0" align="left">/> 
    <tr><td width="140" valign="left"><font face="Rondalo" color="white" size="2"><label id="flabel1" for="field1">Veuillez saisir votre nom <strong>*</strong></label></td><td><input type="text" id="field1" size="25" name="champ1" value="<?php echo @$_POST"champ1"]; ?>" /></td></tr></p>
 <table width="400" border="0" align="left"> 
    <tr><td width="140" align="left"><font face="Rondalo" color="white" size="2">Objet de votre message</font></td><td><input type="text" size="25" name="champ2" value="<?php echo @$_POST"champ2"]; ?>" /></td></tr>
 <table width="400" border="0" align="left">
    <tr><td width="140" valign="left"><font face="Rondalo" color="white" size="2"><label id="flabel2" for="field2">Veuillez saisir votre e-mail <strong>*</strong></label></td><td><input type="text" name="email" id="field2" size="25" value="<?php echo @$_POST"email"]; ?>" /></td></tr>
 <table width="410" border="0" align="left">
    <tr><td valign="top"> <font face="Rondalo" color="white" size="2"><label id="flabel3" for="field3"> Votre message <strong>*</strong></label></td><td><textarea name="texte" rows="7" id="field3" cols="40"><?php echo @$_POST"texte"]; ?></textarea></td></tr>

    <tr><td></td><td style="text-align:right"><input type="submit" value="Envoyer" /></td></tr>
   </table>
   </form>
  <!-- Fin formulaire -->
<?php }elseif(!$sent){ ?>
  <!-- Debut message Erreur -->
     <p style="text-align:left; color: red;">Une erreur serveur est survenue, l'envoi de mail est impossible. Veuillez réessayer plus tard</p>
  <!-- Fin message erreur -->
<?php }else{ ?>
  <!-- Debut message succes -->
     <p style="text-align:left; color: green;">Votre message a été envoyé avec succès, merci!</p>
  <!-- Fin message succes -->
<?php } ?>

Merci eloyas pour ta réponse , Quelqu'un pourras t-il m'aider à régler ce problème je n'ai pas encore les connaissances pour m'en sortir malgré ma curiosité et des heures à chercher sur le forum .