Formulaire de contact html

kurios · 19 Juin 2009

Bonjour, j'ai un petit soucis j'ai créé un site avec webplus, j'ai un formulaire de contact ou je voudrais recevoir des mails d'interautes depuis mon site.

Quand je clic sur le bouton "envoyer" Il m'ouvre la messagerie intsallée sur l'ordinateur.

Le site est en HTML

le code :

<body text="#000000" style="background: #ffffff; text-align:center; height:1002px;">
<div style="background: transparent; position:relative;width:753px;height:1002px;margin-left:auto;margin-right:auto;">
<div id="txt_5" style="position:absolute; left:213px; top:230px; width:494px; height:74px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Normal-P"><span class="Normal-C">For anothers questions you can send a mail, weŽll answer briefly.
    delay.</span></P>
</div>
<div style="position:absolute; left:0px; top:151px; width:156px; height:851px;">
    <img src="wpimages/wp543b3b64.png" width="156" height="851" border="0" id="pic_37" name="pic_37" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:0px; top:1px; width:753px; height:120px;">
    <img src="wpimages/wp0_wp9d7471a1.png" width="753" height="120" border="0" id="pic_1" name="pic_1" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:69px; top:231px; width:35px; height:18px;">
    <a href="index.html"><img src="wpimages/wp0_wpb91d3047.gif" width="35" height="18" border="0" id="pic_8" name="pic_8" title="" alt="Accueil"></a></div>

<div style="position:absolute; left:66px; top:179px; width:39px; height:20px;">
    <a href="home.html"><img src="wpimages/wp0_wpad958940.gif" width="39" height="20" border="0" id="pic_9" name="pic_9" title="" alt="Home"></a></div>
<div style="position:absolute; left:65px; top:882px; width:36px; height:24px;">
    <a href="contactmail.html"><img src="wpimages/wp0_wp4400942b.png" width="36" height="24" border="0" id="pic_43" name="pic_43" title="" alt="Contactmail" onload="OnLoadPngFix()"></a></div>
<div style="position:absolute; left:155px; top:154px; width:35px; height:848px;">
    <img src="wpimages/wpf35247bd.png" width="35" height="848" border="0" id="tg_141" name="tg_141" title="" alt="" onload="OnLoadPngFix()"></div>
<div style="position:absolute; left:0px; top:119px; width:188px; height:36px;">
    <a href="index.html" onMouseOut="PPImgAction('out','tg_253')" onMouseOver="PPImgAction('over','tg_253')" title="Accueil"><img src="wpimages/wp5a9075c3.png" width="188" height="36" border="0" id="tg_253" name="tg_253" title="" alt="Accueil." onload="OnLoadPngFix()"></a></div>
<div style="position:absolute; left:188px; top:119px; width:188px; height:36px;">
    <a href="description.html" onMouseOut="PPImgAction('out','tg_254')" onMouseOver="PPImgAction('over','tg_254')" title="Description"><img src="wpimages/wp49896874.png" width="188" height="36" border="0" id="tg_254" name="tg_254" title="" alt="Description." onload="OnLoadPngFix()"></a></div>
<div style="position:absolute; left:377px; top:119px; width:188px; height:36px;">
    <a href="tarifs.html" onMouseOut="PPImgAction('out','tg_255')" onMouseOver="PPImgAction('over','tg_255')" title="Tarifs"><img src="wpimages/wp1c521d6b.png" width="188" height="36" border="0" id="tg_255" name="tg_255" title="" alt="Tarifs." onload="OnLoadPngFix()"></a></div>

<div style="position:absolute; left:565px; top:119px; width:188px; height:36px;">
    <a href="contact.html" onMouseOut="PPImgAction('out','tg_256')" onMouseOver="PPImgAction('over','tg_256')" title="Contact"><img src="wpimages/wpe0dffcae.png" width="188" height="36" border="0" id="tg_256" name="tg_256" title="" alt="Contact." onload="OnLoadPngFix()"></a></div>
<div style="position:absolute; left:77px; top:14px; width:617px; height:66px;">
    <img src="wpimages/wpaaae2fef.png" width="617" height="66" border="0" id="art_1" name="art_1" title="" alt="Les Vignes de Rimenoux" onload="OnLoadPngFix()"></div>
<form id="form_1" name="Contact" action="mailto:rimenoux_AT_gmail.com" method="post" target="_self" enctype="text/plain" style="margin:0px;">
<div style="position:absolute; left:453px; top:714px; width:90px; height:22px; text-align:left;">
    <input type="submit" id="bouton_2" value="Envoyer">
</div>
<div style="position:absolute; left:420px; top:445px; width:133px; height:22px; text-align:left;">
    <input type="text" id="edit_3" name="Nom" size="18" style="width:133px;" value="">
</div>
<div style="position:absolute; left:420px; top:491px; width:133px; height:22px; text-align:left;">
    <input type="text" id="edit_4" name="Prénom" size="18" style="width:133px;" value="">

</div>
<div style="position:absolute; left:420px; top:536px; width:133px; height:22px; text-align:left;">
    <input type="text" id="edit_5" name="Email" size="18" style="width:133px;" value="">
</div>
<div style="position:absolute; left:320px; top:632px; width:241px; height:70px; text-align:left;">
    <textarea id="texte_3" rows="4" cols="27" name="texte_3" style="height:100%; width:241px;"></textarea>
</div>
<div id="txt_2" style="position:absolute; left:300px; top:532px; width:93px; height:22px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Normal-P"><span class="Normal-C0">E-<wbr>Mail:</span></P>
</div>
<div id="txt_3" style="position:absolute; left:300px; top:582px; width:138px; height:34px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Normal-P"><span class="Normal-C1">Message:</span></P>

</div>
<div id="txt_4" style="position:absolute; left:300px; top:487px; width:118px; height:25px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Normal-P"><span class="Normal-C2">Prénom:</span></P>
</div>
<div id="txt_6" style="position:absolute; left:300px; top:445px; width:118px; height:25px;-moz-box-sizing:border-box;box-sizing:border-box; overflow:hidden;">
<P class="Normal-P"><span class="Normal-C2">Nom :</span></P>
</div>
</form>
</div>
</body>

Merci de votre aide

**Portekoi** · 19 Juin 2009

Bonjour,

Dans ton code figure la ligne suivante :

action="mailto:rimenoux_AT_gmail.com"

mailto signifie que l'envoi se fera à partir de la messagerie de l'internaute.

As tu un langage tel que PHP sur ton serveur?

Si oui, tu vas devoir créer une page en Php qui va récupérer les données du formulaire et envoyer le mail.

Portekoi

kurios · 19 Juin 2009

Oui il prend bien en charge le php, et j'ai une adresse email sur l'hebergeur (contact_AT_niloo.fr)

Quelqu'un aurait un exemple de code pour la page php a créer et rajouter.

Et dans mon code que dois-je mettre pour remplacer "mailto:....."

Merci (si c'est pas trop demandé)

**Portekoi** · 19 Juin 2009

A la place du "mailto:....", tu mets le nom de ta page php : "mapage.php".

Pour le script, google est ton ami :

http://www.google.com/search?sourceid=chro...=envoi+mail+php

Bon dev

Portekoi

kurios · 22 Juin 2009

Bon et bien j'ai trouvé la solution en cherchant un peu plus : )

Merci

**Portekoi** · 22 Juin 2009

Bonjour,

Peux tu la poster sur le forum pour aider "ton prochain" ?

Merci

Portekoi

kurios · 22 Juin 2009

Alors j'ai fait une nouvelle page (sans webplus) :

Il nous faut :

1 : Une page : contactmail.html

avec le code suivant :

<html>
<head>
<title>ICI LE TITRE QUI APPARAITRA TOUT EN HAUT A GAUCHE DANS LE CONTOUR DE LA PAGE</title>
<body>
<br /><h1>      Rimenoux - Contact mail</h1> 

<br /><br />
<blockquote> <blockquote> <blockquote> 

<h2>Pour tout renseignements complementaires veuillez laisser 
<br />   votre message sans oublier de remplir tous les champs.<br /><br /></h2>

<blockquote> <blockquote> 
	<form method="post" action="envoimail.php" name="formulaire">

	Nom :                   <input name="nom" size="30" maxlength="50" type="text"><br /><br />


	Prenom :               <input name="prenom" size="30" maxlength="50" type="text"><br /><br />

	E-mail :                 <input name="mail" size="30" maxlength="50" type="text"><br /><br />

	Commentaires :<br /><br />    
	<textarea name="commentaires" cols="30" rows="6" wrap="soft"></textarea><br /><br />


<input name="bouton" value="Envoyer" type="submit">

	</form> 


</html></body></head>

2 : Une page envoimail.php avect le code suivant :

<?
$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
$mail = $_POST['mail'];
$commentaires= $_POST['commentaires'];
$destinataire = 'VOTRE ADRESSE EMAIL';
$destinataire = $mail;
$sujet = 'ICI LE SUJET QUI SERA ECRIT DANS VOTRE MAIL';

if( !empty($nom) && !empty($prenom) && !empty($mail) && !empty($commentaires)){

$message = "Nom : $nom\n Prenom : $prenom\n E-mail : $mail\n Commentaires : $commentaires";

if( mail($destinataire, $sujet, $message) )

{ echo 'Vos informations ont bien ete envoyes! Merci de votre visite et a bientot.  <a href="HTTP://LE LIEN VERS LA PAGE HTML DE VOTRE CHOIX">Retour</a>';

}



else{ echo 'une erreur est survenu lors de l\'envoi du message';

}

}



else{ echo 'merci de remplir tous les champs';

}

Si vous avez des questions : ) ou des suggestions si quelqu'un s'arrache les cheveux lol )

Remarque la ligne 7 = $destinataire = $mail; correspond à l'email de l'epediteur (qu'il aura entré dans le champs (votre email)

Donc si vous ne voulez pas qu'ils recoivent une copie, supprimez cette ligne.

Modifié 22 Juin 2009 par Portekoi

**Ernestine** · 22 Juin 2009

Il serait préférable de supprimer tous les et tous les blockquote vides...

Sinon, il serait préférable que le traitement du formulaire soit sur la même page que le formulaire lui-même : en cas d'erreur, le visiteur peut recommencer sans avoir à cliquer sur "Précédent". Pour ce faire, il suffit que l'attribut "action" du formulaire soit <?PHP print($_SERVER['PHP_SELF']); ?> (c'est à dire que la page s'appelle elle-même quand le formulaire est soumis).

Modifié 22 Juin 2009 par Ernestine

kurios · 22 Juin 2009

Il serait préférable de supprimer tous les et tous les blockquote vides...

Je conçois bien... Mais qu'est ce que je mets à la place :$

Sinon dois-je passer la page en PHP ou la garder en HTML ?

Le HTML est lu dans une page PHP ?

Désolé je ne m'y connais rien en codage j'ai juste récupéré un formulaire sur internet.... que j'ai retranscrit ici.

Je pose des images dans mon logiciel.

Merci de vos réponses, sinon j'irais voir l'ami des ignorants

Modifié 22 Juin 2009 par kurios

**Ernestine** · 22 Juin 2009

Tout ce qui concerne la mise en page (l'aspect visuel si tu préfères) doit être fait dans la feuille de style.

Autrement dit, les espaces doivent être faits avec des styles (padding, margin, etc), non avec des Bien sûr ce n'est pas une loi, mais c'est pour la propreté et l'accessibilité du code, c'est beaucoup mieux Toujours séparer le fond et la forme.

Tu peux bien sûr mettre du html dans un fichier .php, mais pas le contraire.

kurios · 23 Juin 2009

Pour récapituler : (lol)

Je crée une page CSS où je trouve mon code pour mettre en forme le formulaire.

Je copie ma page HTML intégralement pour la mettre avant mon code php...

Je change la balise car le code se trouve dans la même page : )

Mais je fais pas de petit tuto pour expliquer à tout le monde ma page finale car il faut qu'ils apprennent un peu : )))

En tout cas merci, je vais tester ça : )

kurios · 23 Juin 2009

<html>
<head>
<title>Location gite berry - Les vignes de rimenoux - contactmail</title>
<body>
<br /><h1>      Rimenoux - Contact mail</h1> 

<br /><br /><br /><br /><br /><br />
<blockquote> <blockquote> <blockquote> 

<h2>Pour tout renseignements complementaires veuillez laisser 
<br />   votre message sans oublier de remplir tous les champs.<br /><br /><br /><br /></h3>

<blockquote> <blockquote> <blockquote> 
	<form method="post" action="PHP_SELF" name="formulaire">

	Nom :                   <input name="nom" size="30" maxlength="50" type="text"><br /><br />


	Prenom :               <input name="prenom" size="30" maxlength="50" type="text"><br /><br />

	E-mail :                 <input name="mail" size="30" maxlength="50" type="text"><br /><br />

	Commentaires :<br /><br />    
	<textarea name="commentaires" cols="30" rows="6" wrap="soft"></textarea><br /><br />

	<input name="bouton" value="Envoyer" type="submit">

	</form> 

</html></body></head>



<?

$_SERVER['PHP_SELF'];

$nom = $_POST['nom'];
$prenom = $_POST['prenom'];
$mail = $_POST['mail'];
$commentaires= $_POST['commentaires'];


$destinataire = 'rimenoux_AT_gmail.com';
$destinataire = $mail;

$sujet = 'Les vignes de rimenoux - Voici les données que vous avez envoyé. Merci et à bientôt.';



if( !empty($nom) && !empty($prenom) && !empty($mail) && !empty($commentaires)){



$message = "Nom : $nom\n Prenom : $prenom\n E-mail : $mail\n Commentaires : $commentaires";


if( mail($destinataire, $sujet, $message) )



{ echo 'Vos informations ont bien ete envoyes! Merci de votre visite et a bientot.  <a href="http://rimenoux.niloo.fr">Retour</a>';

}



else{ echo 'une erreur est survenu lors de l\'envoi du message';

}

}



else{ echo 'merci de remplir tous les champs';

}

grrrrrrrrrrrr il me met :

Objet non trouvé!

L'URL requise n'a pu etre trouvée sur ce serveur. La référence sur la page citée semble être erronée ou perimée. Nous vous prions d'informer l'auteur de cette page de cette erreur.

Si vous pensez qu'il s'agit d'une erreur du serveur, veuillez contacter le gestionnaire du site.

Qui veut bien m'aider avant que je n'aie plus de cheveux : )

Modifié 23 Juin 2009 par Dan

**Portekoi** · 23 Juin 2009

Dans le action, ne mets pas "PHP_SELF" mais <?Php echo $_SERVER['PHP_SELF'] ?> dans ta page PHP

kurios · 23 Juin 2009

En HTML j'ai

<form method="post" action="PHP_SELF" name="formulaire">

Et en PHP :

<?Php echo _SERVER['PHP_SELF'] ?>

J'ai éssayé toute les configurations possibles... rien à faire lol

**Ernestine** · 23 Juin 2009

Hello,

<form action="<?PHP print($_SERVER['PHP_SELF']); ?>" method="post" name="formulaire">

(print() et echo sont équivalents)

kurios · 23 Juin 2009

Merci

kurios · 23 Juin 2009

Ca sert à quoi ce code ?

Car je l'ai mis donc à la même place et ça ne marche toujours pas...

Merci

Leonick · 25 Juin 2009

Je conçois bien... Mais qu'est ce que je mets à la place ?

des "label", c'est prévu pour ça et c'est une question d'accessibilité de la page

Connexion

Formulaire de contact html

Sujets conseillés

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Lien vers le commentaire

Partager sur d’autres sites

Veuillez vous connecter pour commenter