Aller au contenu

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


AK97

Sujets conseillés

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>

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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 ?

Lien vers le commentaire
Partager sur d’autres sites

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... :(

Lien vers le commentaire
Partager sur d’autres sites

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
Lien vers le commentaire
Partager sur d’autres sites

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 ;-)

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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.

Lien vers le commentaire
Partager sur d’autres sites

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

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



Connectez-vous maintenant
×
×
  • Créer...