Aller au contenu

Pb finalisation d'un formulaire > PHP indispensable ou pas ?

AK97

Par AK97
dans PHP

 Partager

Sujets conseillés

AK97

AK97

Posté
Posté

Bonjour à tous, je vous explique mon problème.

J'ai naïvement pensé qu'une fois terminé & en ligne, ce formulaire html effectuerai le boulot tel que j'attendais, mais tel qu'il est, le formulaire une fois "submit" ne fait que lancer le logiciel de messagerie en reprenant "les variables".

Et ce n'est pas ce que j'attendais donc ma question est : "comment faire en sorte qu'une fois rempli & envoyé, le formulaire s'envoi directement de façon exploitable vers une adresse mail définie" ?

Est-il obligatoire de passer par php, ce qui après quelques recherches semble être le cas :unsure:

Est-il possible de m'aider, m'aiguiller, je n'ai aucune connaissance en php & le temps me manque...

D'autre part, le formulaire html est en ligne mais ne s'affiche que sous Safari & Chrome, rien sous Firefox & IE, que se passe t'il ? Le lien est http://www.imodif.fr/contact/form.html

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Formulaire de contact iMODiF.fr</title> 
<link rel="stylesheet" type="text/css" href="view.css" media="all" /> 
<script type="text/javascript" src="view.js" /> 
</head> 
<body id="main_body"> 
<a href="http://www.imodif.fr/"><img 
style="border: 0px solid ; width: 179px; height: 179px;" 
alt="iMODiF.fr" src="imodif1.png" /></a><br /> 
<div id="form_container"> 
<h1><a>Formulaire de contact iMODiF</a></h1> 
<form id="form_204679" class="appnitro" enctype="text/plain" 
method="post" action="mailto:contact_AT_imodif.fr"> 
<div class="form_description"> 
<h2><big>Formulaire de contact <span 
style="color: rgb(246, 194, 44);">iMODiF</span></big></h2> 
<p><big>Il est important de remplir au mieux ce formulaire. Une fois 
envoyé, nous vous contactons dans les 24h,<span 
style="font-weight: bold;"> <span style="color: rgb(236, 111, 15);">par 
mail ou téléphone</span></span>, <span style="font-style: italic;">selon 
votre choix</span>) <br /> 
</big></p> 
</div> 
<ul> 
<li id="li_1"> <label class="description" for="element_1">Nom 
& prénom : </label> <span> <input id="element_1_1" 
name="element_1_1" class="element text" maxlength="255" size="8" 
value="" /> <label>First</label> </span> <span> <input 
id="element_1_2" name="element_1_2" class="element text" 
maxlength="255" size="14" value="" /> <label>Last</label> </span> </li> 
<li id="li_5"> <label class="description" for="element_5">Vous 
habitez (code postal seul) : </label> 
<div> <input id="element_5" name="element_5" 
class="element text medium" maxlength="255" value="" type="text" /> </div> 
<p class="guidelines" id="guide_5"><small>Indiquez ici uniquement 
les 5 chiffres de votre code postal.</small></p> 
</li> 
<li id="li_3"> <label class="description" for="element_3">Téléphone 
(fixe ou mobile) : </label> 
<div> <input id="element_3" name="element_3" 
class="element text medium" maxlength="255" value="" type="text" /> </div> 
<p class="guidelines" id="guide_3"><small>Si 
vous souhaitez être contacté par iMODiF par téléphone, laissez nous 
IMPÉRATIVEMENT un numéro où vous joindre (fixe, box & mobile). 
Vous pouvez ÉGALEMENT nous laisser votre numéro si vous souhaitez être 
joint par email.</small></p> 
</li> 
<li id="li_2"> <label class="description" for="element_2">Email : </label> 
<div> <input id="element_2" name="element_2" 
class="element text large" maxlength="255" value="" type="text" /> </div> 
<p class="guidelines" id="guide_2"><small>Indiquez nous votre 
adresse mail (indispensable).</small></p> 
</li> 
<li id="li_6"> <label class="description" for="element_6">Vous 
nous contactez pour : </label> 
<div> 
<select class="element select large" id="element_6" 
name="element_6"> 
<option value="" selected="selected"> </option> 
<option value="1">Nintendo Wii</option> 
<option value="2">Microsoft XBOX 360</option> 
<option value="3">Nintendo DS / DS lite / DSi / DSi XL</option> 
<option value="4">Sony PSP</option> 
<option value="5">Apple iPhone / iPod Touch</option> 
<option value="6">smartphone Androïd</option> 
<option value="7">AUTRES RAISONS (questions diverses...)</option> 
</select> 
</div> 
<p class="guidelines" id="guide_6"><small>Sélectionnez le(les) 
outil(s) concerné(s). 
Sélectionnez "AUTRES RAISONS" pour tout autre demande (questions 
diverses).</small></p> 
</li> 
<li id="li_4"> <label class="description" for="element_4">On vous 
écoute (toutes les infos que vous jugez utiles...) : </label> 
<div> <textarea id="element_4" name="element_4" 
class="element textarea medium"> </textarea> </div> 
<p class="guidelines" id="guide_4"><small>Indiquez (si possible) 
le ou les "outils multimédias" concerné(s). 
Éventuellement date & version. 
Si vous avez la moindre question, n'hésitez pas     </small></p> 
</li> 
<li id="li_8"> <label class="description" for="element_8">Vous 
souhaitez être contacté par : </label> <span> <input id="element_8_1" 
name="element_8_1" class="element checkbox" value="1" type="checkbox" /> 
<label class="choice" for="element_8_1">Email</label> <input 
id="element_8_2" name="element_8_2" class="element checkbox" value="1" 
type="checkbox" /><label class="choice" for="element_8_2">Téléphone</label> 
</span> 
<p class="guidelines" id="guide_8"><small>Notre équipe prendra 
contact avec vous dans moins de 24h. 
Soit par email, soit par téléphone. Vous choisissez.</small></p> 
</li> 
<li id="li_7"> <label class="description" for="element_7">Vous 
êtes arrivés jusqu'à nous par : </label> <span> <input 
id="element_7_1" name="element_7" class="element radio" value="1" 
type="radio" /> <label class="choice" for="element_7_1">moteur de 
recherche</label> <input id="element_7_2" name="element_7" 
class="element radio" value="2" type="radio" /><label class="choice" 
for="element_7_2">réseaux 
sociaux (facebook, twitter)</label> <input id="element_7_3" 
name="element_7" class="element radio" value="3" type="radio" /><label 
class="choice" for="element_7_3">carte 
de visite / flyer</label> <input id="element_7_4" name="element_7" 
class="element radio" value="4" type="radio" /><label class="choice" 
for="element_7_4">bouche 
à oreille</label> <input id="element_7_5" name="element_7" 
class="element radio" value="5" type="radio" /><label class="choice" 
for="element_7_5">AUTRE</label> </span> 
<p class="guidelines" id="guide_7"><small>Par curiosité, faites 
nous savoir de quelle manière vous êtes arrivés jusqu'à iMODif ?</small></p> 
</li> 
<li class="buttons"> <input name="form_id" value="204679" 
type="hidden" /> <input id="saveForm" class="button_text" 
name="submit" value="Envoyer" type="submit" /> </li> 
</ul> 
</form> 
<div id="footer"><a href="http://www.imodif.fr/" target="_blank"><span 
style="color: rgb(246, 194, 44);">iMODiF.fr</span></a>   
<span style="color: rgb(236, 111, 15);">modification & 
personnalisation de vos outils multimédias</span><br /> 
</div> 
</div> 
</body> 
</html>

Luan

Luan

Posté
Posté

Salut,

Il est normal que le formulaire actuel ne fasse qu'ouvrir le client mail étant donné que tu as mis un mailto: dans action="".

Pour envoyer un mail, la méthode la plus répandue est la fonction mail().

As-tu des connaissances en php ? Si ce n'est pas le cas, dis-le moi je t'aiderai à faire le script, sinon, voici deux trois liens que tu devrais pouvoir comprendre si tu as des bases en PHP.


  • [*
]http://www.vulgarisation-informatique.com/mail.php : un petit guide expliquant deux trois moyens d'utiliser la fonction
[*]http://php.net/manual/fr/function.mail.php : la doc php
[*]http://a-pellegrini.developpez.com/tutoriels/php/mail/ : tuto plus avancé

Comme je l'ai dit plus haut, si tu as besoin d'aide, n'hésite pas.

AK97

AK97

Posté
  • Auteur
Posté

Merci de ta réponse.

Malheureusement je n'ai aucune connaissance technique en la matière, pour la réalisation du site web j'utilise iWeb donc pas bien difficile mais pour ce qui est du PHP, c'est le néant pour l'instant.

Donc effectivement j'accepte avec plaisir ton aide, un grand merci ! ;)

PS : un ami vient de me dire qu'on polluera en permanence ma boite mail si je n'ai pas un élément pour vérifier qu'il ne s'agit pas d'un robot; du genre un captcha ou une question... est-ce indispensable ?

AK97

AK97

Posté
  • Auteur
Posté

J'allais oublier, d'où peut venir le fait que tout s'affiche correctement uniquement sous Chrome & Safari ? Parce que sous Firefox & IE, c'est page blanche... :(

Luan

Luan

Posté
Posté (modifié)

Salut,

je n'ai regardé que sous FF car étant sous Mac, impossible de voir sous IE mais le souci vient probablement de ceci:


<script type="text/javascript" src="view.js" />

La balise script ne fonctionne pas de cette manière. Remplace par ceci:

<script type="text/javascript" src="view.js"></script>

Pour la validation du formulaire, j'y bosse ce soir, ça prend un peu plus de temps... Tiens-moi au courant pour le second souci ;)

Luan.

Modif. du message:

Ton ami a raison, j'intégrerai un captcha alors;)

Modifié par Luan
AK97

AK97

Posté
  • Auteur
Posté

Je te remercie énormément, concernant l'affichage c'est bon comme ca effectivement. J'avais fait la même erreur avec <textarea>, la balise était ouverte mais n'a pas été fermée correctement...

Thanks ;-)

Luan

Luan

Posté
Posté

Salut,

J'ai juste une question avant de commencer, souhaites-tu rendre tous les champs obligatoires ? Si ce n'est pas le cas, peux-tu me dire lesquels je suis censé rendre obligatoire ?

Luan.

AK97

AK97

Posté
  • Auteur
Posté

Je souhaite rendre obligatoire uniquement les champs ville (code postal), email & le dernier.

Merci

Luan

Luan

Posté
Posté

Salut,

J'ai aidé Ak97 en privé afin d'éviter de faire un sujet trop lourd. Le problème est réglé.

Afin que tout le monde puisse profiter de cela, vous pouvez télécharger les sources ici:


/>http://www.megaupload.com/?d=49UMFTI0

Il y a un système de captcha, une utilisation de la fonciton mail(); toujours pratique pour ceux qui aiment apprendre en modifiant un truc existant.

Luan.

AK97

AK97

Posté
  • Auteur
Posté

Un grand merci à Luan pour son coup de main ;)

Le résultat est à la hauteur de mes attentes, bien au delà même :thumbsup:

lors de l'ouverture du site, à la fin du mois si tout va bien, je t'offrirai avec plaisir une prestation

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...