IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

AJAX Discussion :

[AJAX] Fancybox et formulaire PHP


Sujet :

AJAX

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Femme Profil pro
    Intégrateur Web
    Inscrit en
    Février 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 38
    Localisation : Canada

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 2
    Par défaut [AJAX] Fancybox et formulaire PHP
    Bonsoir à tous.

    J'espère faire la demande à la bonne place.

    Voilà, j'ai monté un site pour un client en php avec un formulaire php dans un popup Fancybox. Jusque là, aucun problème, le popup affiche bien mon formulaire comme je le souhaite. Mon problème, est que, si j'ai une erreur dans mon formulaire, par exemple, la personne ne met pas de courriel, j'aimerais que le popup reste ouvert jusqu'à ce que la personne finit par bien remplir le formulaire comme demander.

    J'ai réussi à faire ouvrir le popup dès le démarrage de la page, mais ce n'est pas ce que je souhaite. J'ai essayé avec l'exemple du site de fancybox, sans succès.

    Ce que j'aimerais donc, c'est que lorsque je clique sur mon bouton 'Envoyer' et qu'il y a une erreur dans le formulaire, que le popup reste ouvert et si tout est correcte, eh bien, il ferme (ce que je n'ai pas de problème, en faite).

    Merci!

    Code de mon index :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
     
    <?php
    	/*
    	********************************************************************************************
    	CONFIGURATION
    	********************************************************************************************
    	*/
    	// destinataire est votre adresse mail. Pour envoyer à plusieurs à la fois, s&eacute;parez-les par une virgule
    	$destinataire = '$destinataire';
     
    	// copie ? (envoie une copie au visiteur)
    	$copie = 'non';
     
    	// Action du formulaire (si votre page a des paramètres dans l'URL)
    	// si cette page est index.php?page=contact alors mettez index.php?page=contact
    	// sinon, laissez vide
    	$form_action = '';
     
    	// Messages de confirmation du mail
    	$message_envoye = 'Votre message nous est bien parvenu !';
    	$message_non_envoye = "L'envoi du mail a &eacute;chou&eacute;,<br /> veuillez r&eacute;essayer SVP.";
     
    	// Message d'erreur du formulaire
    	$message_formulaire_invalide = "V&eacute;rifiez que tous les champs soient bien remplis et que l'email soit sans erreur.";
     
    	/*
    		********************************************************************************************
    		FIN DE LA CONFIGURATION
    		********************************************************************************************
    	*/
     
    	/*
    	 * cette fonction sert à nettoyer et enregistrer un texte
    	 */
    	function Rec($text)
    	{
    		$text = trim($text); // delete white spaces after & before text
    		if (1 === get_magic_quotes_gpc())
    		{
    			$stripslashes = create_function('$txt', 'return stripslashes($txt);');
    		}
    		else
    		{
    			$stripslashes = create_function('$txt', 'return $txt;');
    		}
     
    		// magic quotes ?
    		$text = $stripslashes($text);
    		$text = htmlspecialchars($text, ENT_QUOTES); // converts to string with " and ' as well
    		$text = nl2br($text);
    		return $text;
    	};
     
    	/*
    	 * Cette fonction sert à v&eacute;rifier la syntaxe d'un email
    	 */
    	function IsEmail($email)
    	{
    		$pattern = "^([a-z0-9_]|\\-|\\.)+@(([a-z0-9_]|\\-)+\\.)+[a-z]{2,7}$";
    		return (eregi($pattern,$email)) ? true : false;
    	};
     
    	$err_formulaire = false; // sert pour remplir le formulaire en cas d'erreur si besoin
     
    	// si formulaire envoy&eacute;, on r&eacute;cupère tous les champs. Sinon, on initialise les variables.
    	$prenom     = (isset($_POST['prenom']))     ? Rec($_POST['prenom'])     : '';
    	$nom     = (isset($_POST['nom']))     ? Rec($_POST['nom'])     : '';
    	$email   = (isset($_POST['email']))   ? Rec($_POST['email'])   : '';
    	$email2   = (isset($_POST['email2']))   ? Rec($_POST['email2'])   : '';
    	/*$titre   = (isset($_POST['titre']))   ? Rec($_POST['titre'])   : '';*/
    	$titre  = 'Demande d\'information Angus Avenue Mont-Royal';
    	$mess = (isset($_POST['message'])) ? Rec($_POST['message']) : '';
    	$telephone = (isset($_POST['telephone'])) ? Rec($_POST['telephone']) : '';
    	$telephone2 = (isset($_POST['telephone2'])) ? Rec($_POST['telephone2']) : '';
    	$maison = 'Maison de Ville';
    	$condominium = 'Condominium';
     
    	$confirmation = '';
     
     
    	if(isset($_POST['maison']) && (isset($_POST['condominium']) == '')) $choix = $maison;
    	else if(isset($_POST['condominium']) && (isset($_POST['maison'])=='')) $choix = $condominium;
    	else if((isset($_POST['maison'])=='') && (isset($_POST['condominium']) == '')) $choix = '';
    	else $choix = $maison."\n".$condominium;
     
    	if (isset($_POST['envoi'])){
    		// On va v&eacute;rifier les variables et l'email ...
    		$email = (IsEmail($email)) ? $email : ''; // soit l'email est vide si erron&eacute;, soit il vaut l'email entr&eacute;
    		$err_formulaire = (IsEmail($email)) ? false : true;
     
    		if (($prenom != '') && ($email != '') && ($nom != '') && ($mess != '') && ($telephone != '') && ($email == $email2)){
    			// les 4 variables sont remplies, on g&eacute;nère puis envoie le mail
    			$headers = 'From: '.$prenom.' '.$nom.' <'.$email.'>' . "\r\n";
     
    			// envoyer une copie au visiteur ?
    			if ($copie == 'oui'){
    				$cible = $destinataire.','.$email;
    			}else{
    				$cible = $destinataire;
    			};
     
    			// Remplacement de certains caractères sp&eacute;ciaux
     
    			$mess = html_entity_decode($mess);
    			$mess = str_replace(''',"'",$mess);
    			$mess = str_replace('’',"'",$mess);
    			$mess = str_replace('<br>','',$mess);
    			$mess = str_replace('<br />','',$mess);
     
    			if(isset($_POST['telephone2'])) $message = $prenom.' '.$nom."\n".$email."\n".$telephone."\n".$telephone2."\n\n".$mess."\n\n".$choix;
    			else if(isset($_POST['telephone2'])== '') $message = $prenom.' '.$nom."\n".$email."\n".$telephone."\n\n".$mess."\n\n".$choix;
    			// Envoi du mail
    			if (mail($cible, $titre, $message, $headers)){
    				header('Location: url');
    			}else{
    				//<p>'.$message_non_envoye.'</p>'."\n";
    				$confirmation = $message_non_envoye;
    			};
    		}else{
    			// une des 3 variables (ou plus) est vide ...
    			/*<p>'.$message_formulaire_invalide.'</p>'."\n";*/
    			$err_formulaire = true;
    			$confirmation = $message_formulaire_invalide;
    		};
    	}; // fin du if (!isset($_POST['envoi']))
     
    ?>
    <!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=utf-8" />
    <title>Maisons de ville - Condominium | Montréal</title>
    <link rel="stylesheet" href="css/css.css" type="text/css" media="screen" />
    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    	<script>
    		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    	</script>
    	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
    	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    	<script type="text/javascript">
    		$(document).ready(function() {
    			/*
    			*   Examples - images
    			*/
     
    			/*$("a#example1").fancybox();*/
     
    		});
     
    		// Ouvre le Fancybox à l'ouveture de la page.
    		// J'aimerais plutôt que le Fancybox s'ouvre à une erreur dans le formulaire.
    		/*(function($){
    			$(function(){
    				$("a#example1").fancybox({
    					"hideOnContentClick": false
    				}).trigger("click");
    			});
    		})(jQuery)*/
     
    		// Formule AJAX provenant du site Fancybox permettant la réouverture s'il y a erreur
    		// Qui ne marche pas dans mon cas :(
     
    		$("a#example1").fancybox({
    			'scrolling'		: 'no',
    			'titleShow'		: false,
    			'onClosed'		: function() {
    				$("#login_error").hide();
    			}
    		});
     
    		$("#contact").bind("submit", function() {
    			if ($("#prenom").val().length < 1 || $("#nom").val().length < 1) {
    				$("#login_error").show();
    				$.fancybox.resize();
    				return false;
    			}
     
    			$.fancybox.showActivity();
     
    			$.ajax({
    				type	: "POST",
    				cache	: false,
    				url		: "contact.php",
    				data	: $(this).serializeArray(),
    				success: function(data) {
    					$.fancybox({
    						'enableEscapeButton' : false,
    						'overlayShow' : true,
    						'overlayOpacity' : 0,
    						'hideOnOverlayClick' : false,
    						'content' : data
    					});
    				}
    			});
     
     
    			return false;
    		});
     
    	</script>
     
    </head>
     
    <body>
    	<div class="container">
            <img src="images/top.jpg" alt="" />
            <img src="images/top-gauche.jpg" alt="" class="gauche" />
            <a href="en/index.php" target="_self"><img src="images/english.jpg" alt="" class="gauche" /></a>
            <img src="images/top-droite.jpg" alt="" class="gauche" />
            <img src="images/logo.jpg" alt="" />
            <img src="images/bouton-gauche.jpg" alt="" class="gauche" />
            <a id="example1" href="#inline1"><img src="images/bouton.jpg" alt="" class="gauche" /></a>
            <img src="images/bouton-droite.jpg" alt="" class="gauche" />
            <img src="images/bas.jpg" alt="" />
        </div>
     
        <div style="display: none;">
        	<?php include("contact.php"); ?>
    	</div>
     
    </body>
    </html>
    Et de mon formulaire :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
     
    <?php
            if (($err_formulaire) || (!isset($_POST['envoi']))){
                    // afficher le formulaire
                    echo '  <div id="inline1" style="width:590px;height:685px;overflow:auto;" >';
                    echo '          <div style="width:570px; margin:auto;">';
                    echo '          <div>';
                    if($email != $email2) echo '<div>Vos courriels ne coordonnent point l\'un à l\'autre</div>';
                    echo '          <div id="login_error">'.$confirmation.'</div>';
                    echo '                  <div><img src="images/ANGUS-LOGO.jpg" alt="Logo" /></div>';
                    echo '                  <div style="float:right; margin-top:-136px; font-size:9pt; color:#911f33;">Inscrivez-vous d&egrave;s maintenant ou<br /> communiquez avec nos repr&eacute;sentants<br /><br />';
                    echo '                  <b>Bureau des ventes :</b><br />
                                                            2647 rue Anne-H&eacute;bert,<br /> Angle Pierre-de-Courbertin<br /> (Projet Les Cours Lafontaine)<br />';
                    echo '                  T&eacute;l&eacute;phone:  (514) 376-3319</div>';
                    echo '          </div><br />';
                    echo '<form id="contact" method="post" action="'.$form_action.'">'."\n";
                    echo '          <p>'."\n";
                    echo '                  <small style="color:#333;">*Ces champs sont obligatoires</small><br><br><label for="prenom">* Pr&eacute;nom :</label>'."\n";
                    echo '                  <input type="text" id="prenom" name="prenom" value="'.stripslashes($prenom).'" tabindex="1" class="prenomFR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="nom">* Nom :</label>'."\n";
                    echo '                  <input type="text" id="nom" name="nom" value="'.stripslashes($nom).'" tabindex="2" class="nomFR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="telephone">* T&eacute;l&eacute;phone 1 :</label>'."\n";
                    echo '                  <input type="text" id="telephone" name="telephone" value="'.stripslashes($telephone).'" tabindex="3" class="telephoneFR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="telephone2">T&eacute;l&eacute;phone 2 :</label>'."\n";
                    echo '                  <input type="text" id="telephone2" name="telephone2" value="'.stripslashes($telephone2).'" tabindex="3" class="telephone2FR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="email">* Courriel :</label>'."\n";
                    echo '                  <input type="text" id="email" name="email" value="'.stripslashes($email).'" tabindex="4" class="emailFR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <labe for="email2"l>* Courriel (confirmation) :</label>'."\n";
                    echo '                  <input type="text" name="email2" value="'.stripslashes($email2).'" tabindex="5" class="email2FR" />'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="message">* Commentaire :</label>'."\n"."<br />";
                    echo '                  <textarea id="message" name="message" tabindex="6" cols="39" rows="8">'.stripslashes($mess).'</textarea>'."\n";
                    echo '          </p>'."\n";
                    echo '          <p>'."\n";
                    echo '                  <label for="choix">Je suis int&eacute;ress&eacute; par :</label>'."\n"."<br />";
                    echo '                  <label> '."\n";
                    echo '                  <input name="maison" type="checkbox" id="maison" tabindex="7" value="Yes">'."\n";
                    echo '                  <strong>Maison de ville</strong></label>'."\n";
                    echo '                  <br>'."\n";
                    echo '                  <label> '."\n";
                    echo '                  <input name="condominium" type="checkbox" id="condominium" tabindex="8" value="Yes">'."\n";
                    echo '                  <strong>Condominium</strong></label>'."\n";
                    echo '          </p>'."\n";
     
                    echo '          <div style="text-align:center;"><input type="submit" name="envoi" tabindex="9" value="Envoyer" /><input type="hidden" name="envoi" id="envoi" /></div>'."\n";
                    echo '</form>'."\n";
                    echo '          </div>'."\n";
                    echo '  </div>'."\n";
            };
    ?>

  2. #2
    Futur Membre du Club
    Femme Profil pro
    Intégrateur Web
    Inscrit en
    Février 2012
    Messages
    2
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 38
    Localisation : Canada

    Informations professionnelles :
    Activité : Intégrateur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2012
    Messages : 2
    Par défaut
    J'ai, après quelques essais, réussit à faire que si les champs obligatoires sont vides, le fancybox reste ouvert (j'ai aussi enlever qu'il ouvre au démarrage de la page, maintenant plus nécessaire). Mes problèmes restent les suivants :

    1 - Il n'affiche aucun message d'erreur, même si mon code lui dit de le faire;
    2 - Lorsque tout est bien remplit, l'erreur suivante apparaît : The requested content cannot be loaded. Please try again later.

    Ajout : J'ai ajouté des valeurs (lignes 161) et lorsque je remplis tout sauf un ou deux champs, cela ne fait rien, mais si je ne laisse que le dernier champs sans rien, le fancybox ferme et affiche le message d'erreur dans le fancybox et que maintenant, si je remplis tous les champs, il envoie le message! Est-il possible de garder le fancybox ouvert lorsqu'il y a erreur avec le message d'erreur (pas juste lorsque le dernier champs n'est pas remplit)??

    Page en question ici.

    Est-ce que quelqu'un peut m'aider??

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
     
    <!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=utf-8" />
    <title>ANGUSAVENUEDUMONTROYAL.COM | Maisons de ville - Condominium | Montréal</title>
    <link rel="stylesheet" href="css/css.css" type="text/css" media="screen" />
    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    	<script>
    		!window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
    	</script>
    	<script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
    	<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
     
    	<link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
    	<script type="text/javascript">
    		$(document).ready(function() {
    			/*
    			*   Examples - images
    			*/
     
    			/*$("a#example1").fancybox()*/;
     
    			// Formule AJAX provenant du site Fancybox permettant la réouverture s'il y a erreur
    			// Qui ne marche pas dans mon cas :(
     
    			$("a#example1").fancybox({
    				'scrolling'		: 'no',
    				'titleShow'		: false,
    				'onClosed'		: function() {
    					$("#login_error").hide();
    				}
    			});
     
    			$("#contact").bind("submit", function() {
    				if ($("#prenom").val().length < 1 || $("#nom").val().length < 1 || $("#telephone").val().length < 1 || $("#email").val().length < 1 || $("#email2").val().length < 1 || $("#mess").val().length < 1) {
    					$("#login_error").show();
    					$.fancybox.resize();
    					return false;
    				}
     
    				$.fancybox.showActivity();
     
    				$.ajax({
    					type	: "POST",
    					cache	: false,
    					url		: "contact.php",
    					data	: $(this).serializeArray(),
    					success: function(data) {
    						$.fancybox({
    							'enableEscapeButton' : false,
    							'overlayShow' : true,
    							'overlayOpacity' : 0,
    							'hideOnOverlayClick' : false,
    							'content' : data
    						});
    					}
    				});
     
    				return false;
    			});
    		});
     
    		// Ouvre le Fancybox à l'ouveture de la page.
    		// J'aimerais plutôt que le Fancybox s'ouvre à une erreur dans le formulaire.
    		/*(function($){
    			$(function(){
    				$("a#example1").fancybox({
    					"hideOnContentClick": false
    				}).trigger("click");
    			});
    		})(jQuery)*/
     
     
    	</script>
     
    </head>
     
    <body>
    	<div class="container">
            <img src="images/top.jpg" alt="" />
            <img src="images/top-gauche.jpg" alt="" class="gauche" />
            <a href="en/index.php" target="_self"><img src="images/english.jpg" alt="" class="gauche" /></a>
     
            <img src="images/top-droite.jpg" alt="" class="gauche" />
            <img src="images/logo.jpg" alt="" />
            <img src="images/bouton-gauche.jpg" alt="" class="gauche" />
            <a id="example1" href="#inline1"><img src="images/bouton.jpg" alt="" class="gauche" /></a>
            <img src="images/bouton-droite.jpg" alt="" class="gauche" />
            <img src="images/bas.jpg" alt="" />
        </div>
     
        <div style="display: none;">
        		<div id="inline1" style="width:590px;height:685px;overflow:auto;" >
     
    		<div style="width:570px; margin:auto;">
    		<div>
    		<div id="login_error" name="login_error">V&eacute;rifiez que tous les champs soient bien remplis et que l'email soit sans erreur.</div>
    			<div><img src="images/ANGUS-LOGO.jpg" alt="Logo" /></div>
    			<div style="float:right; margin-top:-136px; font-size:9pt; color:#911f33;">Inscrivez-vous d&egrave;s maintenant ou<br /> communiquez avec nos repr&eacute;sentants<br /><br />
     
    			<b>Bureau des ventes :</b><br />
    							2647 rue Anne-H&eacute;bert,<br /> Angle Pierre-de-Courbertin<br /> (Projet Les Cours Lafontaine)<br />
    			T&eacute;l&eacute;phone:  (514) 376-3319</div>
    		</div><br />
     
    <form id="contact" name="contact" method="post" action="">
    		<p>
    			<small style="color:#333;">*Ces champs sont obligatoires</small><br><br><label for="prenom">* Pr&eacute;nom :</label>
    			<input type="text" id="prenom" name="prenom" value="" tabindex="1" class="prenomFR" />
    		</p>
    		<p>
    			<label for="nom">* Nom :</label>
     
    			<input type="text" id="nom" name="nom" value="" tabindex="2" class="nomFR" />
    		</p>
    		<p>
    			<label for="telephone">* T&eacute;l&eacute;phone 1 :</label>
    			<input type="text" id="telephone" name="telephone" value="" tabindex="3" class="telephoneFR" />
    		</p>
    		<p>
     
    			<label for="telephone2">T&eacute;l&eacute;phone 2 :</label>
    			<input type="text" id="telephone2" name="telephone2" value="" tabindex="3" class="telephone2FR" />
    		</p>
    		<p>
    			<label for="email">* Courriel :</label>
    			<input type="text" id="email" name="email" value="" tabindex="4" class="emailFR" />
    		</p>
     
    		<p>
    			<labe for="email2"l>* Courriel (confirmation) :</label>
    			<input type="text" name="email2" value="" tabindex="5" class="email2FR" />
    		</p>
    		<p>
    			<label for="message">* Commentaire :</label>
    <br />			<textarea id="message" name="message" tabindex="6" cols="39" rows="8"></textarea>
     
    		</p>
    		<p>
    			<label for="choix">Je suis int&eacute;ress&eacute; par :</label>
    <br />			<label> 
    			<input name="maison" type="checkbox" id="maison" tabindex="7" value="Yes">
    			<strong>Maison de ville</strong></label>
    			<br>
     
    			<label> 
    			<input name="condominium" type="checkbox" id="condominium" tabindex="8" value="Yes">
    			<strong>Condominium</strong></label>
    		</p>
    		<div style="text-align:center;"><input type="submit" name="envoi" tabindex="9" value="Envoyer" /><input type="hidden" name="envoi" id="envoi" /></div>
    </form>
    		</div>
    	</div>
    	</div>
     
    </body>
    </html>
    Merci beaucoup de votre aide!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [AJAX] Formulaire (PHP-AJAX) rien ne s'envoie
    Par Guillaume 134679 dans le forum AJAX
    Réponses: 0
    Dernier message: 07/10/2014, 10h01
  2. Formulaire PHP/Ajax, erreur de remplissage de liste
    Par Misoss dans le forum Langage
    Réponses: 6
    Dernier message: 29/07/2013, 18h02
  3. [PHP 5.2] Formulaire PHP et redirection AJAX
    Par acidstrike dans le forum Langage
    Réponses: 4
    Dernier message: 10/09/2009, 11h09
  4. [AJAX] mise à jour formulaire php ajax
    Par Vetchostar dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 03/11/2008, 21h58
  5. [AJAX] Rafraichissement de formulaire et PHP
    Par akrogames dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 10/10/2007, 19h47

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo