18041 sujets

Questions générales et questions de débutants

Achiffer un résultat dans un div

Bonjour

Voilà j'ai créér un formulaire qui marche nikel sur une page simple.
Par contre quand je l'intègre à mon site il ne m'envoie plus le résultat.

Je pense que le problème vient du faite qu'il ne puisse plus afficher les alertes.

Explication.

Sur la page blanche après validation il me rajoute l'alert "votre demande a été prise en compte" au dessus du formulaire

Mais sur ma page personnaliser ca marche pas.
Donc je pense que je dois afficher le résultat dans un DIV

Donc dans mon tableau j'ai créér un DIV <div id="alert"> </div>

Mais entre mes balise <head> je ne sais pas comment renvoyer le résulat dans celui-ci

voici mon code:

/* Envoi de l'e-mail */
        if (mail($to, $sujet, $msg, $headers))
        {
		    echo '<strong><p style="color:blue">F&eacute;licitation votre commande &aacute; bien &eacute;t&eacute; envoy&eacute;</strong>'."\r\n";
			echo '<p style="color:red">Votre commande ne sera valid&eacute; qu &aacute; la r&eacute;c&eacute;ption du payement'."\r\n";
			echo '<p style="color:red">N\'oubliez pas de m\'envoyer votre empreinte';
            
        }
        else
        {
            $alert = 'Erreur d\'envoi de l\'e-mail';
        }
          
    }


Je pense que c'est avec ca que je peux le renvoyer:
a écrit :
document.getElementById('alert').


Mais je ne sais pas comment le placer

Si quelqu'un pouvait m'éclairer ca serait sympa Smiley langue
Bonjour

D'après ton code, je dirais que tu débute, sans trop savoir ce que tu fais.

Ton premier morceau de code est du PHP, il a l'air fonctionnel. MAIS la variable $alert n'est pas affichée (via "echo"). Pour que le message d'erreur apparaisse, il faut faire :
Si tu n'as qu'un seul message d'erreur possible : 
else
{
     echo 'Erreur d\'envoi de l\'e-mail';
}

sinon : 
else
{
     $alert = 'Erreur d\'envoi de l\'e-mail';
}
echo $alert; /*après que tous les tests aient été effectués*/



Pour ton second morceau de code : 
document.getElementById('alert').

C'est du JavaScript, donc à priori, rien à voir avec le code ci-dessus. Ce code "pointe" vert l'élément HTML qui porte l'ID "alert" (donc ton div). il permet de modifier ses propriétés via JavaScript. Je ne pense donc pas que tu en aient besoin.



Il y a donc 2 solutions au fait que le message n'apparaisse pas : un bug lors de l'envoie du mail (qui n'apparait pas parce que $alert n'est pas affiché) ou un bug dans le script à un autre endroit.
J'ai du mal m'expliquer mon formulaire fonctionne nickel quand je l'ai créer.
une fois intégré à on site il ne marche plus.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Formulaire</title>

<!-- Imagette java -->
<link href="lightbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="lightbox.js"></script>
<!-- Fin Imagette java -->

<!-- script iframe --><!-- script iframe fin-->

<!-- Menu java -->
<style type="text/css">

.tdover{
background-image: url('images/b.gif');
text-align: center;
}
.tdout {
text-align: center;}
.tdover a, .tdout a {
color: #000000;
text-decoration: none;}
.typo {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px}
body {
	background-color: #1C8EA3;
	margin-top: -5px;
}
.Style1 {color: #000000}

</style>
<!-- Fin menu java -->
<!-- Mise en page  -->
<style type="text/css">

body {
	background-color: #1C8EA3;
	margin-top: -5px;
	
}
.Style2 {color: #FFFFFF}
.Style3 {
	color: #666666;
	font-size: small;
}
.Style4 {font-size: 14px}
body,td,th {
	color: #FFFFFF;
}
.Style5 {color: #FF0000}
.Style6 {
	color: #F0CE48;
	font-weight: bold;
}
.zonetexte {
border:#000000;
background-color: #666666;
color:#000000;
}-->
<!-- Fin mise en page  -->
</style>
<style type="text/css">
<!--
.Style2 {color: #006633}
.Style3 {color: #003399}
.Style4 {color: #990000}
.Style5 {color: #336666}
.Stitre {font:Arial, Helvetica, sans-serif;
		color:#FF0000;
		font-style:italic;
		}
-->
</style>
<?php
/* Si le formulaire est envoyé alors on fait les traitements */
if (isset($_POST['envoye']))
{
    /* Récupération des valeurs des champs du formulaire */
    if (get_magic_quotes_gpc())
    {
      $civilite		= stripslashes(trim($_POST['civilite']));
      $nom	     	= stripslashes(trim($_POST['nom']));
      $prenom       = stripslashes(trim($_POST['prenom']));
	  $expediteur	= stripslashes(trim($_POST['email']));
      $phone		= stripslashes(trim($_POST['phone']));
      $adresse		= stripslashes(trim($_POST['adresse']));
	  $adressec		= stripslashes(trim($_POST['adressec']));
	  $pays			= stripslashes(trim($_POST['pays']));
	  $pointure		= stripslashes(trim($_POST['pointure']));
	  $couleur1		= stripslashes(trim($_POST['couleur1']));
	  $couleur2		= stripslashes(trim($_POST['couleur2']));
	  $couleur3		= stripslashes(trim($_POST['couleur3']));
	  $couleur4		= stripslashes(trim($_POST['couleur4']));
	  $couture		= stripslashes(trim($_POST['couture']));
	  $lacage		= stripslashes(trim($_POST['lacage']));
	  $bourlet		= stripslashes(trim($_POST['bourlet']));
	  $commentaire	= stripslashes(trim($_POST['commentaire']));
    }
    else
    {
      $civilite		= trim($_POST['civilite']);
      $nom		    = trim($_POST['nom']);
      $prenom       = trim($_POST['prenom']);
	  $expediteur	= trim($_POST['email']);
      $phone		= trim($_POST['phone']);
      $adresse		= trim($_POST['adresse']);
	  $phone		= trim($_POST['phone']);
	  $adresse		= trim($_POST['adresse']);
	  $adressec		= trim($_POST['adressec']);
	  $pays			= trim($_POST['pays']);
	  $pointure		= trim($_POST['pointure']);
	  $couleur1		= trim($_POST['couleur1']);
	  $couleur2		= trim($_POST['couleur2']);
	  $couleur3		= trim($_POST['couleur3']);
	  $couleur4		= trim($_POST['couleur4']);
	  $couture		= trim($_POST['couture']);
	  $lacage		= trim($_POST['lacage']);
	  $bourlet		= trim($_POST['bourlet']);
	  $commentaire	= trim($_POST['commentaire']);
    }
    
    /* Expression régulière permettant de vérifier si le 
    * format d'une adresse e-mail est correct */
    $regex_mail = '/^[-+.\w]{1,64}@[-.\w]{1,64}\.[-.\w]{2,6}$/i';
    
    /* Expression régulière permettant de vérifier qu'aucun 
    * en-tête n'est inséré dans nos champs */
    $regex_head = '/[\n\r]/';
    
    /* Si le formulaire n'est pas posté de notre site on renvoie 
    * vers la page d'accueil */
    if($_SERVER['HTTP_REFERER'] != 'http://lescopains.***.php')
    {
      header('Location:  http://lescopains.***.php');
 
    }
    /* On vérifie que tous les champs sont remplis */
    elseif (empty($civilite) 
           || empty($nom) 
           || empty($prenom) 
           || empty($expediteur) 
           || empty($adresse)
		   || empty($pays))
		      {
      $alert = 'Tous les champs doivent être renseignés';
    }
    /* On vérifie que le format de l'e-mail est correct */
    elseif (!preg_match($regex_mail, $expediteur))
    {
      $alert = 'L\'adresse '.$expediteur.' n\'est pas valide';
    }
    /* On vérifie qu'il n'y a aucun header dans les champs */
    elseif (preg_match($regex_head, $expediteur) 
            || preg_match($regex_head, $nom) 
            || preg_match($regex_head, $sujet))
    {
        $alert = 'En-têtes interdites dans les champs du formulaire';
    }
    /* Si aucun problème et aucun cookie créé, on construit le message et on envoie l'e-mail */
    elseif (!isset($_COOKIE['sent']))
    {
        /* Destinataire (votre adresse e-mail) */
        $to = 'overcraft***@hotmail.com';
      
        /* Construction du message */
      	$msg  = 'Bonjour,'."\r\n\r\n";
      	$msg .= 'Cette commande a été passe depuis votre site web par 
		'.$civilite.' '.$nom.' '.$prenom."\r\n\r\n";
        $msg .= 'Voici le detail :'."\r\n\r\n";
        $msg .= '*****     INFORMATION PERSONNEL'."\r\n";
		$msg .= 'Adresse de livraison :'.$adresse."\r\n" ;
		$msg .= 'complement d adresse: '.$adressec."\r\n";
        $msg .= 'Pays : '.$pays."\r\n";
		$msg .= 'Telephone:'.$phone."\r\n"; 		
		$msg .= 'Email:'.$expediteur."\r\n";
		$msg .= '*****'."\r\n\r\n";
		$msg .= '*****     COMMANDE'."\r\n";
		$msg .= 'Pointure: '.$pointure."\r\n";
		$msg .= 'Couleur N&deg;1: '.$couleur1."\r\n";
        $msg .= 'Couleur N&deg;2: '.$couleur2."\r\n";
		$msg .= 'Couleur N&deg;3: '.$couleur3."\r\n";
		$msg .= 'Couleur N&deg;4: '.$couleur4."\r\n\r\n";
		$msg .= '*****     OPTION'."\r\n";
		$msg .= $couture."\r\n";
		$msg .= $lacage."\r\n";
		$msg .= $bourlet."\r\n";
		$msg .= '*****'."\r\n\r\n";
		$msg .= '*****     COMMENTAIRES'."\r\n";
		$msg .= $commentaire."\r\n";
		$msg .= '*****'."\r\n\r\n";
		
        $headers = 'Mime-Version: 1.0'."\r\n";
		$headers .= 'Content-type: text/html; charset=utf-8'."\r\n";
		$headers .= "\r\n";
		/* En-têtes de l'e-mail */
        $headers = 'From: '.$nom.' '.$prenom.' <'.$expediteur.'>'."\r\n\r\n";
        
		
        /* Envoi de l'e-mail */
        if (mail($to, $sujet, $msg, $headers))
        {
		    echo '<strong><p style="color:blue">F&eacute;licitation votre commande &aacute; bien &eacute;t&eacute; envoy&eacute;</strong>'."\r\n";
			echo '<p style="color:red">Votre commande ne sera valid&eacute; qu &aacute; la r&eacute;c&eacute;ption du payement'."\r\n";
			echo '<p style="color:red">N\'oubliez pas de m\'envoyer votre empreinte';
            
        }
        else
        {
            $alert = 'Erreur d\'envoi de l\'e-mail';
        }
          
    }
    /* Cas où le cookie est créé et que la page est rafraichie, on détruit la variable $_POST */
    else
    {
        unset($_POST);
    }
}
?>

<body>
<?php
if (!empty($alert))
{
    echo '<p style="color:red">'.$alert.'</p>';
}
?>
<form method="post" action="final1.php">

<table width="830" border="0" align="center">
  <tr>
    <td align="center" valign="top"><div align="center">
      <table width="830" border="0" cellpadding="0" cellspacing="0">
          <!-- fwtable fwsrc="Sans titre" fwbase="fy.jpg" fwstyle="Dreamweaver" fwdocid = "1807426687" fwnested="0" -->
          <tr>
            <td width="23"><img src="spacer.gif" width="23" height="1" border="0" alt="" /></td>
            <td colspan="2"><img src="spacer.gif" width="521" height="1" border="0" alt="" /></td>
            <td width="50"><img src="spacer.gif" width="24" height="1" border="0" alt="" /></td>
            <td><img src="spacer.gif" width="16" height="1" border="0" alt="" /></td>
            <td width="246"><img src="spacer.gif" width="246" height="1" border="0" alt="" /></td>
            <td width="4"><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
          </tr>
          <tr>
            <td colspan="4" bgcolor="#101818">&nbsp;</td>
            <td width="16" height="633" rowspan="26" background="images/fy_r1_c4.jpg">&nbsp;</td>
            <td rowspan="26" valign="top" bgcolor="#F0CE48"><table width="200" border="0" align="center">
                <tr>
                  <td height="1">&nbsp;</td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="index.html" class="Style1">Accueil</a></td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="artisan.html" class="Style1">L'artisan</a></td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="catalogue.html" class="Style1">Catalogue</a></td>
                </tr>
              <tr>
                  <td height="32" bgcolor="#FFFFFF" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="#" class="Style1">Commande</a></td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="new.html" class="Style1">Nouveaut&eacute;</a></td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="null" class="Style1"></a><a href="carte.html" class="Style1">G&eacute;ographie</a></td>
                </tr>
              <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="diapo.html" class="Style1">Photo Diapo </a></td>
                </tr>
              
                <tr>
                  <td height="32" class="tdout" onmouseover="this.className='tdover'" onmouseout="this.className='tdout'"><a href="contact.html" class="Style1">Contact </a></td>
                </tr>
            </table>
            <br />
            <table width="200" border="0" align="center">
              <tr>
                <td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-8264709718937920";
/* 200x90, fylou */
google_ad_slot = "7628719942";
google_ad_width = 200;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>&nbsp;</td>
              </tr>
            </table></td><td><img src="spacer.gif" width="1" height="18" border="0" alt="" /></td>
          </tr>
          <tr>
            <td rowspan="25" bgcolor="#101818"></td>
            <td height="132" colspan="2" background="images/fy_r2_c2.jpg">&nbsp;</td>
            <td rowspan="25" bgcolor="#101818">&nbsp;</td>
            <td><img src="spacer.gif" width="1" height="132" border="0" alt="" /></td>
          </tr>
          <tr>
            <td height="47" colspan="2" bgcolor="#101818"><p class="Style6"><u>Infomation personnel: </u><br />
            <div id="alert"> </div></p>
            </td>
            <td rowspan="24"><img src="spacer.gif" width="1" height="483" border="0" alt="" /></td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818">Civilit&eacute; : </td>
            <td width="264" bgcolor="#101818"><input id="genre" name="civilite" value="Mlle" type="radio" />
  <label for="Mlle">Mlle</label>
&nbsp;
<input id="genre" name="civilite" value="Mme" type="radio" />
<label for="Mme">Mme</label>
&nbsp;
<input id="genre" name="civilite" value="Mr" type="radio" />
<label for="Mr">M</label> </td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818">Votre nom :</td>
            <td width="264" bgcolor="#101818"><input name="nom" type="text" class="zonetexte" value="" size="20" /></td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818">Votre pr&eacute;nom : </td>
            <td width="264" bgcolor="#101818"><input name="prenom" type="text" class="zonetexte" value="" size="20" /></td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818">Votre adresse e-mail :</td>
            <td width="264" bgcolor="#101818"><input name="email" type="text" class="zonetexte" value="" size="20" /></td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818"> Num&eacute;ro de t&eacute;l&eacute;phone:</td>
            <td width="264" bgcolor="#101818"><input name="phone" type="text" class="zonetexte" size="20" /></td>
          </tr>
          <tr>
            <td colspan="2" bgcolor="#101818">Adresse de livraison  : 
              <input name="adresse" type="text" class="zonetexte" size="38" /></td>
		  </tr>
            <td colspan="2" bgcolor="#101818">Compl&eacute;ment :
              <input name="adressec" type="text" class="zonetexte" size="38" /></td>
          </tr>
          
		  <tr>
            <td width="231" bgcolor="#101818">Pays :
            <input name="pays" type="text" class="zonetexte" size="20" /></td>
          <td width="231" bgcolor="#101818">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" bgcolor="#101818" class="Style6"><u>D&eacute;tail de la commande:</u> </td>
          </tr>
          <tr>
            <td colspan="2" bgcolor="#101818"> Votre Pointure :
              <select name="pointure" class="zonetexte">
                  <option value="Non D&eacute;fini" selected="selected"></option>
                  <option value="23">23</option>
                  <option value="24">24</option>
                  <option value="25">25</option>
                  <option value="26">26</option>
                  <option value="27">27</option>
                  <option value="28">28</option>
                  <option value="29">29</option>
                  <option value="30">30</option>
                  <option value="31">31</option>
                  <option value="32">32</option>
                  <option value="33">33</option>
                  <option value="34">34</option>
                  <option value="35">35</option>
                  <option value="36">36</option>
                  <option value="37">37</option>
                  <option value="38">38</option>
                  <option value="39">39</option>
                  <option value="40">40</option>
                  <option value="41">41</option>
                  <option value="42">42</option>
                  <option value="43">43</option>
                  <option value="44">44</option>
                  <option value="45">45</option>
                  <option value="46">46</option>
                  <option value="47">47</option>
                  <option value="48">48</option>
              </select>            </td>
          </tr>
          <tr>
            <td colspan="2" align="center" bgcolor="#101818"><i>Ins&eacute;rez la photo ici</i></td>
          </tr>
          <tr>
            <td colspan="2" align="center" bgcolor="#101818"><span class="Style5"><i><u>Votre choix de couleurs: </u></i></span></td>
          </tr>
          <tr>
            <td width="231" valign="top" bgcolor="#101818" class="Style4">Couleur N&deg;1 :</td>
            <td width="264" bgcolor="#101818"><span class="Style2">
              <input id="couleur1" type="radio" name="couleur1" value="Rouge" />
              </span><span class="Style4">Rouge
              <input id="id" "couleur1" type="radio" name="couleur1" value="Bleu" />
              Bleu
              <input id="id" "couleur1" type="radio" name="couleur1" value="Vert" />
              Vert
              <input id="id" "couleur1" type="radio" name="couleur1" value="Jaune" />
            Jaune</span></td>
          </tr>
          <tr>
            <td width="231" valign="top" bgcolor="#101818" class="Style4"><span class="Style4">Couleur N&deg;2  :</span></td>
            <td width="264" bgcolor="#101818" class="Style4"><span class="Style2">
              <input id="radio" type="radio" name="couleur2" value="Bleu" />
              </span>Bleu
              <span class="Style2">
<input id="id" "couleur1" type="radio" name="couleur2" value="Rouge" />
              </span>
Rouge
<input id="id" "couleur1" type="radio" name="couleur2" value="Jaune" />
Jaune
<input id="id" "couleur1" type="radio" name="couleur2" value="Vert" />
Vert</td>
          </tr>
          <tr>
            <td width="231" valign="top" bgcolor="#101818" class="Style4"><span class="Style4">Couleur N&deg;3  :</span></td>
            <td width="264" bgcolor="#101818" class="Style4"><span class="Style4">
              <input id="couleur1" type="radio" name="couleur3" value="Rouge" />
              Rouge
  <input id="id" "couleur1" type="radio" name="couleur3" value="Bleu" />
              Bleu
  <input id="id" "couleur1" type="radio" name="couleur3" value="Vert" />
              Vert
  <input id="id" "couleur1" type="radio" name="couleur3" value="Jaune" />
            Jaune</span></td>
          </tr>
          <tr>
            <td width="231" valign="top" bgcolor="#101818" class="Style4"><span class="Style4">Couleur N&deg;4  :</span></td>
            <td width="264" bgcolor="#101818" class="Style4"><span class="Style2">
              <input id="radio" type="radio" name="couleur4" value="Bleu" />
              </span>Bleu
              <input id="id" "couleur1" type="radio" name="couleur4" value="Rouge" />
              Rouge
              <input id="id" "couleur1" type="radio" name="couleur4" value="Jaune" />
              Jaune
              <input id="id" "couleur1" type="radio" name="couleur4" value="Vert" />
            Vert</td>
          </tr>
          <tr>
            <td colspan="2" align="center" bgcolor="#101818"><span class="Style5"><i><u>Vos Options:</u></i></span></td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818"><input type="checkbox" name="couture" value="couture"/>
            Couture</td>
			<td width="231" bgcolor="#101818">&nbsp;</td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818"><input type="checkbox" name="la&ccedil;age" value="la&ccedil;age"/>
            La&ccedil;age</td><td width="231" bgcolor="#101818">&nbsp;</td>
          </tr>
          <tr>
            <td width="231" bgcolor="#101818"><input type="checkbox" name="bourlet" value="bourlet"/>
            Bourlet</td>
          <td width="231" bgcolor="#101818">&nbsp;</td>
          </tr>
          <tr>
            <td colspan="2" align="center" bgcolor="#101818"><span class="Style5"><i><u>Vos Remarques ou commentaires:</u></i></span></td>
          </tr>
          <tr>
            <td colspan="2" bgcolor="#101818"><div align="center">
              <textarea name="commentaire" cols="60" rows="4" class="zonetexte"></textarea>
              <br />
              <br />
              <br />
            </div></td>
          </tr>
          <tr>
            <td width="231" height="10" align="center" bordercolor="#F0CE48" bgcolor="#101818"><input type="submit" value="Valider" /></td>
			<td width="264" height="10" align="center" bordercolor="#F0CE48" bgcolor="#101818"><input type="reset" value="Annuler" /></td>
          </tr>
            <td height="10" bgcolor="#101818">&nbsp;</td>
            <td height="10" colspan="2" align="left" valign="top" bgcolor="#101818"><div align="center"><span class="Style3">Fylou &copy; 2008-2009 Adapt&eacute; par <a href="mailto:overcraft***@hotmail.com">Overcraft</a><a href="ovecraft123@hotmail.com"></a></span></div></td>
            <td height="10" bgcolor="#101818">&nbsp;</td>
            <td height="10" background="images/fy_r1_c4.jpg">&nbsp;</td>
            <td height="10" valign="top" bgcolor="#F0CE48">&nbsp;</td>
            <td>&nbsp;</td>
          </tr>
        </table>
    </div></td>
  </tr>
</table>
</body>
</html>

Je pense que ca viens du faite qu'il ne puisse plus afficher les alertes ni en cas de défaut dans le remplissage ou pour signaler qu'il a bien été envoyé.

Pour tester mon hypothèse je souhaiterais afficher les alerts dans le div alert
mais je ne connais pas la syntaxe adéquat.
Voilà
Sujet clos
Aller à