CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2010 02 09 21:26:29

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

Formulaires

> FORMULAIRE DE CONTACT CAPCHA OBJET A RECONNAITRE ALTERNATIVE AUDIO

FORMULAIRE DE CONTACT CAPCHA OBJET A RECONNAITRE ALTERNATIVE AUDIO

Information sur la source

Note :
Aucune note

Catégorie :Formulaires Classé sous :formulaire contact, capcha, alternative audio Niveau :Débutant Date de création :26/06/2008 Date de mise à jour :26/06/2008 12:13:26 Vu / téléchargé :5 045 / 357

Auteur : Tom_Crazy

Ecrire un message privé

Site perso

Commentaire sur cette source (8)

Ajouter un commentaire et/ou une note

Description

Encore un formulaire de contact et en plus il n'est pas de moi au départ ( Patrick HAMY ).

Mais je l'ai modifié pour qu'il utilise des photos d'objets à reconnaitre plutôt que des lettres (donnez moi votre avis sur cette idée svp).
Gestion de quelques fautes d'orthographe lors de la saisie, de l'anglais et de l'espagnol.
Le script, en l'état ne gère que 2 images à vous de compléter.

J'ai géré différemment les erreurs de saisie (couleur et texte d'explication).

Pour proposer une alternative audio au capcha et aux diverses coordonnées.

J'utilise un player JS et flash mais je ne sais plus d'où je le sort.

Les sons ont été générés avec Digalo Digit et Audacity.
Les images proviennent des vignettes google.

J'ai laissé le code du mail généré ( le mail html qui est envoyé) tel qu'il est sur mon site: pas très propre et personnalisé.

Le fichier /include/captcha.php contient les déclaration des images utilisées, des textes acceptés et des sons alternatifs.

Les images alternatives aux coordonnées sont générés par une bibliothèque GD si vous ne voulez pas l'utiliser il faut remplacer add.php / fax.php et tel.php par des gif ou autre (pensez à corriger aussi les balises img)

Utilisez le Zip pour avoir tout les fichiers et dossiers.

La feuille de style est elle aussi telle quelle pour que ça fonctionne, à vous de l'adapter et de l'épurer.

Source

<?php header('Content-type: text/html; charset=utf-8');
ini_set('session.use_cookies', '1');
ini_set('session.use_only_cookies', '1'); // PHP >= 4.3
ini_set('session.use_trans_sid', '0');
ini_set('url_rewriter.tags', '');
session_start(); //ouverture la session pour conserver le captcha ?>
<?php
$colorhaut = '#ff0000'; // declaration de la couleur de fond du texte mal saisi -peut etre pas utile ici, mais chez moi j'utilise un styleswitcher et je doit recuperer la couleur dans un fichier, ce que je ne fait pas dans cet exemple
if (!isset($_POST["action"])) $_POST["action"]="";
if (!isset($_POST["nom"])) $_POST["nom"]=""; //declaration de chaque element de formulaire
if (!isset($_POST["prenom"])) $_POST["prenom"]="";
if (!isset($_POST["email"])) $_POST["email"]="";
if (!isset($_POST["sujet"])) $_POST["sujet"]="";
if (!isset($_POST["message"])) $_POST["message"]="";
if (!isset($_POST["captcha"])) $_POST["captcha"]="";
$msg="";
$msg1="";
$flag=1;
// CI-DESSOUS remplacez l'adresse ($destinataire="contact@votreadresse.com";) par la votre
if ( $_POST["action"]=="Envoyer" &&
eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*$",$_POST["email"])
&& $_POST["nom"]<>"" && $_POST["prenom"]<>""
&& $_POST["sujet"]<>"" && $_POST["message"]<>""
&& ( strtolower ($_POST["captcha"])==$_SESSION["phrase"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase1"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase2"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase3"])
)
{
$headers ='From: "Formulaire contact"<form-site@lala.fr>'."\n";
$headers .='Reply-To: '.$_POST["email"]."\n";
$headers .='Content-Type: text/html; charset="utf-8"'."\n";
$headers .='Content-Transfer-Encoding: 8bit';
$htmll='';
$destinataire="contact@votreadresse.com"; //mettez ici votre adresse e-mail
$objet="Formulaire de contact du site "; // titre du mail automatique
$message_envoi="<html>\n<head>\n<title>Contact</title>\n</head>\n<body style='text-align : center; color : inherit; background-color : #ffffdb; background-image : url(http://www.2aide.fr/styles/default/fondleft.gif); background-repeat : repeat-y;'>\n<div style=' position : absolute; top : 0; left : 0; background-image : url(http://www.2aide.fr/styles/default/fond.gif); background-repeat : no-repeat; background-position: 20px left ; width : 100%; height: 45px; color : inherit; background-color : #ff8c00;' ><h1 style='text-align : center; margin-top : 55px;'>Vous avez reçu une demande de contact !</h1>\n</div> \n";
$message_envoi.="<div style='margin-top : 100px;'>\n<p>Voici le contenu : </p>\n"; //declaration du contenu du message
$message_envoi.="<p><span style='text-decoration: underline;'>Nom du contact</span> : ".$_POST["nom"]."</p> \n";
$message_envoi.="<p><span style='text-decoration: underline;'>Prénom du contact</span> : ".$_POST["prenom"]."</p> \n";
$message_envoi.="<p><span style='text-decoration: underline;'>E-mail du contact</span> : <a href=\"mailto:".$_POST["email"]."\">".$_POST["email"]."</a></p> \n";
$message_envoi.="<p><span style='text-decoration: underline;'>Site web</span> : <a href=\"".$_POST["url"]."\">".$_POST["url"]."</a></p> \n";
$message_envoi.="<p><span style='text-decoration: underline;'>Sujet</span> : ".$_POST["sujet"]."</p> \n";
$message_envoi.="<p><h3 style='text-decoration: underline;'>Message du contact : </h3>\n<p>".$_POST["message"]."</p>\n</div> \n\n</body>\n</html>"; //rajouter apres cette ligne les autres elements du formulaire
mail($destinataire,$objet,$message_envoi,$headers); // envoi du message
$flag=0; //si tout est OK, on passe cette variable a 1
}
else
{ if (($_POST["email"]<> "" && $_POST["message"]<>"") && !eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*$",$_POST["email"]) )
{ $msg="<span class='valeur'>L'adresse Email saisie n'est pas valide<br>Merci de corriger</span><br> <br>";
$colmail="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>";
}
if ( ( $_POST["captcha"]=="" && $_POST["message"]<>"" )
XOR ($_POST["captcha"]<>""
&& ( strtolower ($_POST["captcha"]) <> $_SESSION["phrase"]
&& strtolower($_POST["captcha"]) <> $_SESSION["phrase1"]
&& strtolower($_POST["captcha"]) <> $_SESSION["phrase2"]
&& strtolower($_POST["captcha"]) <> $_SESSION["phrase3"]
)
)
)
{
$msg1="<span class='valeur'>Vous n'avez pas saisi correctement le nom de l'image qui apparait en bas</span><br> <br>";
$sp1=" <br>";
$colcap="style = 'color : inherit; border : solid #000000 1px; background-color :";
}
if ( ( $_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"" ) && $_POST["nom"]=="" )
{ $colnom="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>Vous n'avez pas saisi<br>";
$msg2="<span class='valeur'>Votre nom.</span><br> ";
}
if (($_POST["nom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["prenom"]=="")
{ $colprenom="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>Vous n'avez pas saisi<br>";
$msg3="<span class='valeur'>Votre prénom.</span><br> ";
}
if (($_POST["prenom"]<>"" OR $_POST["nom"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["sujet"]=="")
{ $colsujet="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>Vous n'avez pas saisi<br>";
$msg4="<span class='valeur'>Le sujet du message.</span><br> ";
}
if (($_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["nom"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["message"]=="")
{ $colmes="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>Vous n'avez pas saisi<br>";
$msg5="<span class='valeur'>Votre message.</span><br> ";
}
if (($_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["nom"]<>"" OR $_POST["message"]<>"" OR $_POST["captcha"]<>"") && $_POST["email"]=="")
{ $colmail="style = 'color : inherit; border : solid #000000 1px; background-color :";
$sp1=" <br>Vous n'avez pas saisi<br>";
$msg6="<span class='valeur'>Votre Email.</span><br> ";
}
}
// debut de la gestion de l'affichage du captcha
$monfichier=fopen("include/captcha.php","r");
$i=0;
while(!feof($monfichier))
{
$montab[$i]=fgets($monfichier,4096);
$i++;
}
fclose($monfichier);
shuffle($montab);
$elem0=explode(";",$montab[0]);
$phrase=$elem0[1];
$phrase1=$elem0[2];
$phrase2=$elem0[3];
$phrase3=$elem0[4];
$audio=$elem0[5];
$_SESSION["phrase"]=$phrase;
$_SESSION["phrase1"]=$phrase1;
$_SESSION["phrase2"]=$phrase2;
$_SESSION["phrase3"]=$phrase3;
$img="<span><img src='include/img_captcha/".$elem0[0]."' width='90px' alt=''></span>";
//fin de la gestion du captcha
if ($colnom<>"") {$colnom1=$colnom.$colorhaut.";'";}
if ($colprenom<>"") {$colprenom1=$colprenom.$colorhaut.";'";}
if ($colsujet<>"") {$colsujet1=$colsujet.$colorhaut.";'";}
if ($colmes<>"") {$colmes1=$colmes.$colorhaut.";'";}
if ($colmail<>"") {$colmail1=$colmail.$colorhaut.";'";}
if ($colcap<>"") {$colcap1=$colcap.$colorhaut.";'";}
$file = 'contact.php';
if($flag==0)
{
// quand le message est parti voici ce qui est affiche, avec un lien retour vers la page de votre choix
//libre a vous de proceder aux modifications que vous souhaitez
$display = 'style="display : none;"';
$ok = '<br><br><h3>Merci pour votre message, nous vous répondrons dans les meilleurs délais<br>';
$ok1 = '<a href="contact.php">Retour</a></h3>';
}
if($flag==1)
{
$display = "";
$ok = "";
$ok1 = "";
}
if(eregi('^http://', $_POST["url"]))
{$http = '';}
else {$http = 'http://';}
//substr($_POST["url"], 7);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta name="generator" content="Notepad++">
<meta name="publisher" content="2aide">
<meta name="author" content="2aide" lang="fr">
<link rel="stylesheet" media="screen, projection" type="text/css" href="styles/style.css">
<title>Formulaire de contact</title>
<meta name="Description" content="Les divers moyens de contacter machin.">
</head>
<body>
<div id="corps">
<div id="centre">
<br>
<?php echo $ok.$ok1; ?>
<div <?php echo $display; ?>>
<form method="post" name="contact" action="<?php echo $PHP_SELF ?>">
<fieldset>
<legend>Formulaire de Contact<br>Remplissez tous les champs marqués d'une *.</legend>
<p><label <?php echo $colnom1; ?>> Nom * : </label><input type="text" name="nom" value="<?php echo $_POST["nom"] ?>"></p>
<p><label <?php echo $colprenom1; ?>> Prénom * : </label><input type="text" name="prenom" value="<?php echo $_POST["prenom"] ?>"></p>
<p><label <?php echo $colmail1; ?>> E-mail * : </label><input type="text" name="email" value="<?php echo $_POST["email"] ?>"></p>
<p><label>Site web : </label><input type="text" name="url" value="<?php echo $http.$_POST["url"] ?>"></p>
<p><label <?php echo $colsujet1; ?>> Sujet * : </label><input type="text" name="sujet" value="<?php echo $_POST["sujet"] ?>"></p>
<p><label <?php echo $colmes1; ?>> Message * : <br></label><textarea name="message" cols="35" rows="8"><?php echo $_POST["message"] ?></textarea></p>
<div>
<div style="float: left;"><?php echo $img ?></div>
<div style="float: left;">
<br><br><span <?php echo $colcap1; ?>><== Écrivez le nom de ce que vous voyez à gauche : </span>
<input type="text" name="captcha" size="15"><br>
<script type="text/javascript" src="player.js"></script>
<div>
<script type="text/JavaScript">
document.write("Cliquez sur ce bouton: ");
</script>
<a href="include/img_captcha/<?php echo $audio.'"'; ?>></a>
<noscript>
<a href="include/img_captcha/<?php echo $audio.'"'; ?>><img src="images/play.png" alt="bouton play">Téléchargez le code de validation en Mp3.</a>
</noscript>
<script type="text/JavaScript">
document.write(" pour écouter le code de validation.");
</script>
<p class="petit" <?php echo $colcap1; ?>>Ne cherchez rien de compliqué un seul mot, pas de pluriel ni d'accents, ça marche en Français Espagnol et Anglais.</p>
</div>
</div>
<div class="stopfloat"></div>
</div>
</fieldset>
<input type="submit" name="action" value="Envoyer">  <input type="reset" name="reset" value="Réinitialiser" class="button">
<p class="left" style="font-size : 8px;">
<?php
// Ce script a ete cree gratuitement pour vous !
// Merci de laisser les lignes suivantes pour faire connaitre le script...
echo "\n\n\n\n\n\n<!--
###########################################################
Formulaire de contact + Captcha modifie et propose par : Patrick HAMY - 15-12-2007
Les 36 images du captcha sont realisees par Patrick HAMY Il est interdit de les monnayer !
Site: http://www.patrickhamy.net/
Licenge : GPL/Le script peut etre modifie et propose, a condition de ne pas enlever
les mentions et liens correspondant a son origine !
Le script est gratuit et doit imperativement le rester !
###########################################################
###########################################################
Le Captcha a ete modifie par www.2aide.fr le 8-06-2008
il est ici base sur des images a reconnaitre, une alternative audio est aussi proposee
Ce script reste gratuit et vous pouvez obtenir le code modifie sur simple demande depuis le site www.2aide.fr
Ce scrit est GRATUIT, et vous sera fourni sur simple demande mais 2aide peut, aussi, vous proposer son installation dans le cadre de ces prestations
###########################################################
--> \n\n\n\n\n ";
echo '<a href=" http://www.patrickhamy.net/" title="code original" onclick="window.open(this.href);return false;" class="signature">Proposé par : HAMY</a>';
//Merci
?>
</p>
</form>
</div>
</div>
<div id="colonne2">
<p class="centre" style="color : #ffffff; border : solid #000000 1px; background-color : <?php echo $colorhaut.'">'.$msg.$msg1.$sp1.$msg2.$msg3.$msg4.$msg5.$msg6; ?></p>
<div class="cadre">
<h3>les coordonnés<br>de ...</h3>
<span class="valeur">Tél</span> :
<br>
<a href="include/img_captcha/tel.mp3"></a><noscript><a href="include/img_captcha/tel.mp3"><img src="images/play.png" alt="bouton play"><img src="images/tel.php" alt="Téléphone"></a></noscript>
<script type="text/JavaScript">
document.write("<img src=\"\images\/tel.php\" alt=\"Téléphone\"\>");
</script>
<br>
<br>
<span class="valeur">Fax</span> :
<br>
<a href="include/img_captcha/fax.mp3"></a><noscript><a href="include/img_captcha/fax.mp3"><img src="images/play.png" alt="bouton play"><img src="images/fax.php" alt="Fax"></a></noscript>
<script type="text/JavaScript">
document.write("<img src=\"\images\/fax.php\" alt=\"Fax\"\>");
</script>
<br>
<br>
<div class="valeur">
<a href="include/img_captcha/mell.mp3"></a><noscript><a href="include/img_captcha/mell.mp3"><img src="images/play.png" alt="bouton play">Email</a></noscript>
<script type="text/JavaScript">
document.write("Email");
</script>
<br>
<img src="images/cont.gif" alt="mel">
</div>
<br>
<br>
<div class="valeur">
<a href="include/img_captcha/post.mp3"></a>
<noscript><a href="include/img_captcha/post.mp3"><img src="images/play.png" alt="bouton play">Adresse postale:</a></noscript>
<script type="text/JavaScript">
document.write("Adresse postale:");
</script>
</div>
<img src="images/add.php" alt="Adresse postale">
</div>
</div>
</div>
</body>
</html>

<?php header('Content-type: text/html; charset=utf-8');
	
	ini_set('session.use_cookies', '1');
	ini_set('session.use_only_cookies', '1'); // PHP >= 4.3
	ini_set('session.use_trans_sid', '0');
	ini_set('url_rewriter.tags', ''); 
	
session_start(); //ouverture la session pour conserver le captcha ?>
	<?php
		$colorhaut = '#ff0000'; // declaration de la couleur de fond du texte mal saisi -peut etre pas utile ici, mais chez moi j'utilise un styleswitcher et je doit recuperer la couleur dans un fichier, ce que je ne fait pas dans cet exemple

		if (!isset($_POST["action"])) $_POST["action"]="";
		if (!isset($_POST["nom"])) $_POST["nom"]=""; //declaration de chaque element de formulaire
		if (!isset($_POST["prenom"])) $_POST["prenom"]="";
		if (!isset($_POST["email"])) $_POST["email"]="";
		if (!isset($_POST["sujet"])) $_POST["sujet"]="";
		if (!isset($_POST["message"])) $_POST["message"]="";
		if (!isset($_POST["captcha"])) $_POST["captcha"]="";
		
		$msg="";
		$msg1="";
		$flag=1;
		
		// CI-DESSOUS remplacez l'adresse ($destinataire="contact@votreadresse.com";) par la votre
		
		if ( $_POST["action"]=="Envoyer" && 
				eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*$",$_POST["email"])
				&& $_POST["nom"]<>"" && $_POST["prenom"]<>""
				&& $_POST["sujet"]<>"" && $_POST["message"]<>""
				&& ( strtolower ($_POST["captcha"])==$_SESSION["phrase"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase1"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase2"] XOR strtolower($_POST["captcha"])==$_SESSION["phrase3"])
			)
		{
			$headers ='From: "Formulaire contact"<form-site@lala.fr>'."\n";
		     $headers .='Reply-To: '.$_POST["email"]."\n";
		     $headers .='Content-Type: text/html; charset="utf-8"'."\n";
		     $headers .='Content-Transfer-Encoding: 8bit';
		     $htmll='';	 
			$destinataire="contact@votreadresse.com"; //mettez ici votre adresse e-mail 
			$objet="Formulaire de contact du site "; // titre du mail automatique
			$message_envoi="<html>\n<head>\n<title>Contact</title>\n</head>\n<body style='text-align : center; color : inherit; background-color : #ffffdb; background-image : url(http://www.2aide.fr/styles/default/fondleft.gif); background-repeat : repeat-y;'>\n<div style=' position : absolute; top : 0; left : 0; background-image : url(http://www.2aide.fr/styles/default/fond.gif); background-repeat : no-repeat; background-position: 20px left ; width : 100%; height: 45px; color : inherit; background-color : #ff8c00;' ><h1 style='text-align : center; margin-top : 55px;'>Vous avez re&ccedil;u une demande de contact !</h1>\n</div> \n";
			$message_envoi.="<div style='margin-top : 100px;'>\n<p>Voici le contenu : </p>\n"; //declaration du contenu du message
			$message_envoi.="<p><span style='text-decoration: underline;'>Nom du contact</span> :  ".$_POST["nom"]."</p> \n";
			$message_envoi.="<p><span style='text-decoration: underline;'>Pr&eacute;nom du contact</span> : ".$_POST["prenom"]."</p> \n";
			$message_envoi.="<p><span style='text-decoration: underline;'>E-mail du contact</span> : <a href=\"mailto:".$_POST["email"]."\">".$_POST["email"]."</a></p> \n";
			$message_envoi.="<p><span style='text-decoration: underline;'>Site web</span> : <a href=\"".$_POST["url"]."\">".$_POST["url"]."</a></p> \n";
			$message_envoi.="<p><span style='text-decoration: underline;'>Sujet</span> : ".$_POST["sujet"]."</p> \n";
			$message_envoi.="<p><h3 style='text-decoration: underline;'>Message du contact : </h3>\n<p>".$_POST["message"]."</p>\n</div> \n\n</body>\n</html>"; //rajouter apres cette ligne les autres elements du formulaire
			
			mail($destinataire,$objet,$message_envoi,$headers); // envoi du message
			
			$flag=0; //si tout est OK, on passe cette variable a 1
		}
		else 
		{ if (($_POST["email"]<> "" && $_POST["message"]<>"") && !eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*$",$_POST["email"]) )
			{ $msg="<span class='valeur'>L'adresse Email saisie n'est pas valide<br>Merci de corriger</span><br>&nbsp;<br>";
			  $colmail="style = 'color : inherit; border : solid #000000 1px; background-color :";
			  $sp1="&nbsp;<br>";
			}
			
			 if ( ( $_POST["captcha"]=="" && $_POST["message"]<>"" )
					XOR ($_POST["captcha"]<>""
						 &&	( strtolower ($_POST["captcha"]) <> $_SESSION["phrase"] 
								  && strtolower($_POST["captcha"]) <> $_SESSION["phrase1"]
								  && strtolower($_POST["captcha"]) <> $_SESSION["phrase2"]
								  && strtolower($_POST["captcha"]) <> $_SESSION["phrase3"] 
							)
						)
				)
				{
				  $msg1="<span class='valeur'>Vous n'avez pas saisi correctement le nom de l'image qui apparait en bas</span><br>&nbsp;<br>";
				  $sp1="&nbsp;<br>";
				  $colcap="style = 'color : inherit; border : solid #000000 1px; background-color :";
				}
				
			 if ( ( $_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"" ) && $_POST["nom"]=="" )
				{ $colnom="style = 'color : inherit; border : solid #000000 1px; background-color :";
				  $sp1="&nbsp;<br>Vous n'avez pas saisi<br>";
				  $msg2="<span class='valeur'>Votre nom.</span><br>&nbsp;";
				}
				
			 if (($_POST["nom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["prenom"]=="")
				{ $colprenom="style = 'color : inherit; border : solid #000000 1px; background-color :";
				  $sp1="&nbsp;<br>Vous n'avez pas saisi<br>";
				  $msg3="<span class='valeur'>Votre pr&eacute;nom.</span><br>&nbsp;";
				}
				
			  if (($_POST["prenom"]<>"" OR $_POST["nom"]<>"" OR $_POST["message"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["sujet"]=="")
				{ $colsujet="style = 'color : inherit; border : solid #000000 1px; background-color :";
				  $sp1="&nbsp;<br>Vous n'avez pas saisi<br>";
				  $msg4="<span class='valeur'>Le sujet du message.</span><br>&nbsp;";
				}
				
			  if (($_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["nom"]<>"" OR $_POST["email"]<>"" OR $_POST["captcha"]<>"") && $_POST["message"]=="")
				{ $colmes="style = 'color : inherit; border : solid #000000 1px; background-color :";
				  $sp1="&nbsp;<br>Vous n'avez pas saisi<br>";
				  $msg5="<span class='valeur'>Votre message.</span><br>&nbsp;";
				}
				
			  if (($_POST["prenom"]<>"" OR $_POST["sujet"]<>"" OR $_POST["nom"]<>"" OR $_POST["message"]<>"" OR $_POST["captcha"]<>"") && $_POST["email"]=="")
				{ $colmail="style = 'color : inherit; border : solid #000000 1px; background-color :";
				  $sp1="&nbsp;<br>Vous n'avez pas saisi<br>";
				  $msg6="<span class='valeur'>Votre Email.</span><br>&nbsp;";
				}
		}
			 
		// debut de la gestion de l'affichage du captcha
		$monfichier=fopen("include/captcha.php","r");
		$i=0;
		
		while(!feof($monfichier))
		{
		  $montab[$i]=fgets($monfichier,4096);
		  $i++;
		}
		
		fclose($monfichier);
		shuffle($montab);
		$elem0=explode(";",$montab[0]);
		$phrase=$elem0[1];
		$phrase1=$elem0[2];
		$phrase2=$elem0[3];
		$phrase3=$elem0[4];
		$audio=$elem0[5];
		$_SESSION["phrase"]=$phrase;
		$_SESSION["phrase1"]=$phrase1;
		$_SESSION["phrase2"]=$phrase2;
		$_SESSION["phrase3"]=$phrase3;
		$img="<span><img src='include/img_captcha/".$elem0[0]."' width='90px' alt=''></span>";
		//fin de la gestion du captcha
				
		
		 
			if ($colnom<>"") {$colnom1=$colnom.$colorhaut.";'";}
			if ($colprenom<>"") {$colprenom1=$colprenom.$colorhaut.";'";}
			if ($colsujet<>"") {$colsujet1=$colsujet.$colorhaut.";'";}
			if ($colmes<>"") {$colmes1=$colmes.$colorhaut.";'";}	
			if ($colmail<>"") {$colmail1=$colmail.$colorhaut.";'";}
			if ($colcap<>"") {$colcap1=$colcap.$colorhaut.";'";}	


		$file = 'contact.php';
		if($flag==0)
		{
		 // quand le message est parti voici ce qui est affiche, avec un lien retour vers la page de votre choix
		 //libre a vous de proceder aux modifications que vous souhaitez
		 $display = 'style="display : none;"';
		 $ok = '<br><br><h3>Merci pour votre message, nous vous r&eacute;pondrons dans les meilleurs d&eacute;lais<br>';
		 $ok1 = '<a href="contact.php">Retour</a></h3>'; 
		}
		 
		if($flag==1)
		{
		  $display = "";
		  $ok = "";
		  $ok1 = "";
		}
		
		if(eregi('^http://', $_POST["url"]))
		{$http = '';}
		else {$http = 'http://';}
		//substr($_POST["url"], 7);

	?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html lang="fr">
<head>
	<meta http-equiv="Content-Language" content="fr">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta http-equiv="Content-Style-Type" content="text/css">
	<meta name="generator" content="Notepad++">
	<meta name="publisher" content="2aide">
	<meta name="author" content="2aide" lang="fr">
	<link rel="stylesheet" media="screen, projection" type="text/css" href="styles/style.css">
	<!-- ÿ caractere pour reconnaissance utf8  astuce pour que notepad++ enregistre en UTF8 sans bom meme si le fichier ne contient aucun caractere accentue (remplace ici par des entites html)-->
	<title>Formulaire de contact</title>
	<meta name="Description" content="Les divers moyens de contacter machin.">
</head>

<body>
	<!-- A partir d'ici il s'agit du traitement du formulaire (ce qui est apparent)-->

	<div id="corps">
	
		<div id="centre">
			<br>
			<?php echo $ok.$ok1; ?>
			
			<div  <?php echo $display; ?>>
				<form method="post" name="contact" action="<?php echo $PHP_SELF ?>">
					<fieldset>
						<legend>Formulaire de Contact<br>Remplissez tous les champs marqu&eacute;s d'une *.</legend>
						<p><label <?php echo $colnom1; ?>>&nbsp;Nom * : </label><input type="text" name="nom" value="<?php echo $_POST["nom"] ?>"></p>
						<p><label <?php echo $colprenom1; ?>>&nbsp;Pr&eacute;nom * : </label><input type="text" name="prenom" value="<?php echo $_POST["prenom"] ?>"></p>
						<p><label <?php echo $colmail1; ?>>&nbsp;E-mail * : </label><input type="text" name="email" value="<?php echo $_POST["email"] ?>"></p>
						<p><label>Site web : </label><input type="text" name="url" value="<?php echo $http.$_POST["url"] ?>"></p>
						<p><label <?php echo $colsujet1; ?>>&nbsp;Sujet * : </label><input type="text" name="sujet" value="<?php echo $_POST["sujet"] ?>"></p>
						<!-- vous pouvez rajouter des &eacute;l&eacute;ments de formulaires ici -->
						<p><label <?php echo $colmes1; ?>>&nbsp;Message * : <br></label><textarea name="message" cols="35" rows="8"><?php echo $_POST["message"] ?></textarea></p>
						
						<div>
							<div style="float: left;"><?php echo $img ?></div>
							
							<div style="float: left;">
								<br><br><span <?php echo $colcap1; ?>><==&nbsp;&Eacute;crivez le nom de ce que vous voyez &agrave; gauche : </span>
								<input type="text" name="captcha" size="15"><br>
								<script type="text/javascript" src="player.js"></script>
								
								<div>
									<script type="text/JavaScript">
									  document.write("Cliquez sur ce bouton: ");
									</script>
									
									<a href="include/img_captcha/<?php echo $audio.'"'; ?>></a>
									
									<noscript>
									  <a href="include/img_captcha/<?php echo $audio.'"'; ?>><img src="images/play.png" alt="bouton play">T&eacute;l&eacute;chargez le code de validation en Mp3.</a>
									</noscript>
									
									<script type="text/JavaScript">
									  document.write(" pour &eacute;couter le code de validation.");
									</script>
									
									<p class="petit" <?php echo $colcap1; ?>>Ne cherchez rien de compliqu&eacute; un seul mot, pas de pluriel ni d'accents, &ccedil;a marche en Français Espagnol et Anglais.</p>
								</div>
								
							</div>
							
							<div class="stopfloat"></div>
						</div>
						
					</fieldset>
					
					<input type="submit" name="action" value="Envoyer">&nbsp;&nbsp;<input type="reset" name="reset" value="R&eacute;initialiser" class="button">
					
					<p class="left" style="font-size : 8px;">
						<?php
							// Ce script a ete cree gratuitement pour vous !
							// Merci de laisser les lignes suivantes pour faire connaitre le script...
							echo "\n\n\n\n\n\n<!--
							###########################################################
							Formulaire de contact + Captcha modifie et propose par : Patrick HAMY - 15-12-2007
							Les 36 images du captcha sont realisees par Patrick HAMY Il est interdit de les monnayer !
							Site: http://www.patrickhamy.net/
							Licenge : GPL/Le script peut etre modifie et propose, a condition de ne pas enlever 
							les mentions et liens correspondant a son origine ! 
							Le script est gratuit et doit imperativement le rester !
							###########################################################
							###########################################################
							Le Captcha a ete modifie par www.2aide.fr le 8-06-2008
							il est ici base sur des images a reconnaitre, une alternative audio est aussi proposee
							Ce script reste gratuit et vous pouvez obtenir le code modifie sur simple demande depuis le site www.2aide.fr
							Ce scrit est GRATUIT, et vous sera fourni sur simple demande mais 2aide peut, aussi, vous proposer son installation dans le cadre de ces prestations
							###########################################################
							--> \n\n\n\n\n ";
							echo '<a href=" http://www.patrickhamy.net/" title="code original" onclick="window.open(this.href);return false;" class="signature">Propos&eacute; par : HAMY</a>';
							//Merci
						?>
					</p>
				</form>
			</div>
		</div>
		
		<div id="colonne2">
			<p class="centre" style="color : #ffffff; border : solid #000000 1px; background-color : <?php echo $colorhaut.'">'.$msg.$msg1.$sp1.$msg2.$msg3.$msg4.$msg5.$msg6; ?></p>
			
			<div class="cadre">
				<h3>les coordonn&eacute;s<br>de ...</h3>
				<span class="valeur">T&eacute;l</span> :
				<br>
				<a href="include/img_captcha/tel.mp3"></a><noscript><a href="include/img_captcha/tel.mp3"><img src="images/play.png" alt="bouton play"><img src="images/tel.php" alt="T&eacute;l&eacute;phone"></a></noscript>
				
				<script type="text/JavaScript">
				  document.write("<img src=\"\images\/tel.php\" alt=\"T&eacute;l&eacute;phone\"\>");
				</script>
				
				<br>
				<br>
				<span class="valeur">Fax</span> :
				<br>
				<a href="include/img_captcha/fax.mp3"></a><noscript><a href="include/img_captcha/fax.mp3"><img src="images/play.png" alt="bouton play"><img src="images/fax.php" alt="Fax"></a></noscript>
				
				<script type="text/JavaScript">
				  document.write("<img src=\"\images\/fax.php\" alt=\"Fax\"\>");
				</script>
				
				<br>
				<br>
				<div class="valeur">
				  <a href="include/img_captcha/mell.mp3"></a><noscript><a href="include/img_captcha/mell.mp3"><img src="images/play.png" alt="bouton play">Email</a></noscript>
				
					<script type="text/JavaScript">
					  document.write("Email");
					</script>
				
				  <br>
				
					<img src="images/cont.gif" alt="mel">
				</div>
			
				<br>
				<br>
			
				<div class="valeur">
				  <a href="include/img_captcha/post.mp3"></a>
				  <noscript><a href="include/img_captcha/post.mp3"><img src="images/play.png" alt="bouton play">Adresse postale:</a></noscript>
					<script type="text/JavaScript">
					  document.write("Adresse postale:");
					</script>
				</div>
			
			  <img src="images/add.php" alt="Adresse postale">
			</div>
		</div>
	</div>
	<!-- Ici c'est la fin du traitement du formulaire-->
</body>
</html>

Conclusion

Je disais m'être inspiré de ce script pour celui de la mini boutique, mais en relisant pour poster ici je m'aperçois que je m'en suis quand même pas mal éloigné ;-)
Encore une fois je débute alors merci de vos remarques surtout au niveau sécurité.

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

formulaire contact
- contact.php 15 740 octets
- player.js 2 054 octets
- player.swf 432 octets
- images
  - add.php 1 066 octets
  - cont.gif 275 octets
  - fax.php 586 octets
  - play.png 532 octets
  - stop.png 302 octets
  - tel.php 586 octets
- include
  - captcha.php 91 octets
  - img_captcha
    - fax.mp3 73 978 octets
    - ima1.gif 2 994 octets
    - ima2.gif 7 056 octets
    - mell.mp3 104 071 octets
    - post.mp3 91 951 octets
    - son1.mp3 57 260 octets
    - son2.mp3 54 752 octets
    - tel.mp3 71 471 octets
- styles
  - style.css 12 547 octets

Télécharger le zip

Historique

26 juin 2008 12:06:41 :: un t qui aurait du être s
26 juin 2008 12:13:26 :: Encore qqs histoires de T et de S

Sources du même auteur

MINI BOUTIQUE EN LIGNE ET DEVIS PAR MAIL TRANSMISSION INDIV...

Toutes les sources de Tom_Crazy

Sources de la même categorie

TESTEUR DE REGEX par hornetbzz

SE SOUVENIRE D'UN VISITEUR GRACE A UN COOKIE par MoulouD1993

CAPTCHA PHP SIMPLE par toutoos

POSTER, AFFICHER, ... DES NEWS SUR VOTRE SITE par TORA38

CLASS DE CONTRÔLE DE FORMULAIRE par baxterio

Toutes les sources de la catégorie Formulaires

Commentaires et avis

Commentaire de Bling 182 le 26/06/2008 21:23:37

C'est quoi ce clic obligatoire sur le logo pour passer l'intro ?

Commentaire de Tom_Crazy le 26/06/2008 22:16:39

Je suppose que tu parles de l'accueil du site www.2aide.fr et pas de cette source Bling.

En fait le clic n'est pas obligatoire, c'est temporisé 15s pour que l'anim ai le temps de s'afficher puis redirection vers accueil de plus un cookie fait que ça ne s'affiche qu'à la première visite.

Juste un effet visuel rien d'autre, c'est un supersticiel javascript.

A décharge, je précise que j'ai une fabuleuse connexion readsl en 512k alors, 15s, j'ai peut être un peu exagéré le temps de chargement du logo.

Commentaire de Bling 182 le 26/06/2008 22:40:15

Oui, je parlais de l'accueil.
Je sais que le clic est pas obligatoire (j'ai rechargé la page, vu que je pouvais rien faire d'autre, et j'aime pas qu'on m'impose de cliquer quelque part).
15s c'est _hyper_ long quand on navigue. 5 suffisent amplement.

Commentaire de Tom_Crazy le 26/06/2008 23:21:19

Ok, je vais corriger ça, tu as raison.
Comme je t'ai dis en 512k je ne vois même pas toute l'anim, faut que j'essaie de le faire en flash pour voir le poids.

Merci.

Au passage si tu as visité un peu plus il se peut que tu sois tombé sur un gros bug sur la page astuces ( dont il faut que je reprenne/complète vite le contenu ) , j'ai mis à jour des meta keywords 5min avant de partir j'ai du effacer un truc qui fallait pas au passage allé dans un quart d'heure ce sera réglé)

Commentaire de Bling 182 le 27/06/2008 00:03:09

Honnêtement, non, je n'ai pas visité un peu plus. Le début ne m'a pas donné envie, et c'est malheureusement déterminant pour savoir si on va avoir envie de rester sur un site web ou pas.
(J'ai juste regardé la page contact pour voir la captcha en action)

Mais j'y repasserai peut-être un jour, au hasard d'une recherche sur google, ou lors de ta prochaine source... Qui sait...

Sinon, très bonne idée la captcha. Perso je suis resté encore sur les bonnes vieilles lettres illisibles avec un fond horrible, va falloir que je pense a me recycler.

Commentaire de Tom_Crazy le 27/06/2008 00:32:45

Ton avis m'intéresse, c'est uniquement l'anim qui t'as fait fuir, ou autre chose.

Après ce site s'adresse à mes futurs clients qui sont tout sauf des geek sinon ils n'auraient pas besoin de moi, le contenu par lui même a donc peu de chances de t'intéresser.
Surtout qu'il est encore bien léger.

J'ai aussi joué avec un styleswitcher qui agit sur un blog Wordpress, un livre d'or (signatux) et l'ensemble du site.
J'essaierai de poster ça ici un jour mais il y a des morceaux partout et c'est pas facile à décrire clairement.

Merci pour tes remarques

Commentaire de Bling 182 le 27/06/2008 00:43:59

Uniquement l'anim, et le fait de ne rien pouvoir faire d'autre que cliquer sur le logo.
Et comme je suis pas une personne patiente, ben j'ai pas voulu attendre les 15 secondes qu'elle disparaisse.
J'ai juste regardé la page contact, (ce pour quoi j'étais venu à la base), car j'ai supposé que la captcha se trouvait dans le formulaire pour te contacter (vu que dans le code ca envoie un mail). Je ne l'aurais pas trouvée là, j'aurais passé mon chemin (again, juste à cause de ma première impression)

Commentaire de Bling 182 le 27/06/2008 00:52:16

J'ai oublié de préciser dans mes messages
Je suis étudiant en informatique, niveau bac +4 actuellement, et j'ai eu pas mal de cours d'ergonomie, donc mon avis est également un peu pondéré.

Comme par exemple sur ce site, un détail mais qui influence beaucoup : le petit bouton tout zarb au droite dans la ligne "Commentaire de chose le tant à 42h42 et 42s", il sert à quoi ? Il est pas intuitif, ya pas d'attribut title dans le lien qui permet d'afficher au survol de la souris un petit descriptif de ce a quoi sa sert...

Ce sont des détails de ce genre qui font ou pas apprécier un site web.

Donc, quelques "conseils" tirés des cours : ne rien mettre qui dure plus de 3s _grand maximum_. L'utilisateur est toujours pressé, et a horreur d'attendre sans que rien se passe.
Si quelque chose prend plus de 2s (genre requete dans une base, téléchargement, toussa) il faut mettre un message, pour montrer qu'un traitement est en cours.
Toujours bien construire son code (attributs alt et title pour les images, title explicite pour les liens, ...)
Et surtout, faire attention aux couleurs utilisées, aux styles de textes... (3 couleurs différentes maxi pour le texte, 2 styles d'écriture maxi), ne pas trop charger la page (animations, images partout)...

Ajouter un commentaire

Nos sponsors

Derniers Blogs

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : DéPLOIEMENT DE NOUVELLES TECHNOLOGIES - RETOUR D'EXPéRIENCE PAR L'INFORMATIQUE DE MICROSOFT par ROMELARD Fabrice

TECHDAYS PARIS 2010 : PLAN DE MIGRATION VERS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : LA PLEINIèRE DU SECOND JOUR par ROMELARD Fabrice

VISUAL STUDIO 2010 AND .NET FRAMEWORK 4 RELEASE CANDIDATE NOW AVAILABLE par Matthieu MEZIL

Forum

CRéER UN COMPOSANT JOOMLA par asouma87

RE : AFFICHER LES MESSAGES ET LES MARQUER COMME LU par patheo

RE : FAIRE UN SELECT SUR UN CHAMP D'UN FORMULAIRE par 4lman78

RE : FAIRE UN SELECT SUR UN CHAMP D'UN FORMULAIRE par mkl238

RE : FAIRE UN SELECT SUR UN CHAMP D'UN FORMULAIRE par 4lman78

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

PLATEFORME SUR L ESOTERISME VOYANCE - sans charte graphique
Budget : 3 500€
Joomla 15 module paiement adaptation composant cuisine
Budget : 250€
Integrateur web dans template
Budget : 500€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5