28172 sujets

CSS et mise en forme, CSS3

Probleme de formulaire

bonjour ,

je sais que ce problème a du revenir à maintes reprise mais je n'arrive toujours pas a faire fonctionner mon formulaire .
pourriez svp jeter un petit coup d'oeil et me donner quelques conseils ?
je vous donne l'adresse de mon site :http://www.papillons-de-nuit.net/ rubrique contact .
j'ai l'impression que lorsqu'on clik sur envoyer ça ne l'envoi pas et de plus ça ouvre une fenêtre outlook .
je joins le code également :
[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>PAPILLONS DE NUIT L'UNIVERS DES ENFANTS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="css" href="contactform.css" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="940">
<!-- fwtable fwsrc="Untitled" fwpage="Page 1" fwbase="menu_contact.gif" fwstyle="Dreamweaver" fwdocid = "420275912" fwnested="0" -->
<tr>
<td><img src="spacer.gif" width="106" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="113" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="9" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="14" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="176" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="44" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="117" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="24" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="102" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="55" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="31" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="149" height="1" border="0" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="1" border="0" alt="w" /></td>
</tr>
<tr>
<td colspan="3"><img src="menu_contact_r1_c1.jpg" width="228" height="68" border="0" id="menu_contact_r1_c1" alt="w" /></td>
<td colspan="6"><img src="menu_contact_r1_c4.jpg" width="477" height="68" border="0" id="menu_contact_r1_c4" alt="w" /></td>
<td><img src="menu_contact_r1_c10.jpg" width="55" height="68" border="0" id="menu_contact_r1_c10" alt="w" /></td>
<td rowspan="5" colspan="2"><img src="menu_contact_r1_c11.jpg" width="180" height="207" border="0" id="menu_contact_r1_c11" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="68" border="0" alt="w" /></td>
</tr>
<tr>
<td colspan="2"><img src="menu_contact_r2_c1.jpg" width="219" height="46" border="0" id="menu_contact_r2_c1" alt="w" /></td>
<td colspan="4"><img src="menu_contact_r2_c3.gif" width="243" height="46" border="0" id="menu_contact_r2_c3" alt="w" /></td>
<td rowspan="5"><a href="animation.html"><img src="menu_contact_r2_c7.jpg" width="117" height="144" border="0" id="menu_contact_r2_c7" alt="aniamtions" /></a></td>
<td rowspan="2"><img src="menu_contact_r2_c8.jpg" width="24" height="78" border="0" id="menu_contact_r2_c8" alt="w" /></td>
<td rowspan="4" colspan="2"><a href="construction.html"><img src="menu_contact_r2_c9.jpg" width="157" height="139" border="0" id="menu_contact_r2_c9" alt="village kids" /></a></td>
<td><img src="spacer.gif" width="1" height="46" border="0" alt="w" /></td>
</tr>
<tr>
<td rowspan="5"><img src="menu_contact_r3_c1.jpg" width="106" height="140" border="0" id="menu_contact_r3_c1" alt="w" /></td>
<td rowspan="5" colspan="3"><a href="index.html"><img src="menu_contact_r3_c2.jpg" width="136" height="140" border="0" id="menu_contact_r3_c2" alt="accueil" /></a></td>
<td rowspan="5"><a href="spectacle.html"><img src="menu_contact_r3_c5.jpg" width="176" height="140" border="0" id="menu_contact_r3_c5" alt="spectacles" /></a></td>
<td rowspan="2"><img src="menu_contact_r3_c6.jpg" width="44" height="54" border="0" id="menu_contact_r3_c6" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="32" border="0" alt="w" /></td>
</tr>
<tr>
<td rowspan="4"><img src="menu_contact_r4_c8.jpg" width="24" height="108" border="0" id="menu_contact_r4_c8" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="22" border="0" alt="w" /></td>
</tr>
<tr>
<td rowspan="3"><img src="menu_contact_r5_c6.jpg" width="44" height="86" border="0" id="menu_contact_r5_c6" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="39" border="0" alt="w" /></td>
</tr>
<tr>
<td rowspan="2" colspan="3"><img src="menu_contact_r6_c9.jpg" width="188" height="47" border="0" id="menu_contact_r6_c9" alt="w" /></td>
<td rowspan="2"><img src="menu_contact_r6_c12.jpg" width="149" height="47" border="0" id="menu_contact_r6_c12" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="5" border="0" alt="w" /></td>
</tr>
<tr>
<td><img src="menu_contact_r7_c7.gif" width="117" height="42" border="0" id="menu_contact_r7_c7" alt="w" /></td>
<td><img src="spacer.gif" width="1" height="42" border="0" alt="w" /></td>
</tr>
</table>
<div id="corps">
<div class="form">


<form method="post" action="mailto:f.blancafort@free.fr">
<fieldset>
<legend>VOS COORDONNEES</legend> <!-- Titre du fieldset -->
<label for="nom">Votre nom</label> : <input type="text" name="nom" id="nom"size="15" maxlength="15" />
<label for="Prénom">Votre Prénom</label> : <input type="prenom" name="prenom" id="nom"size="17" maxlength="15" /><br/><br/>
<label for="adresse">Votre adresse</label> : <input type="adresse" name="adresse" id="adresse"size="70" maxlength="150"/><br/><br/>
<label for="code">ville</label> : <input type="ville" name="ville" id="ville"size="20" maxlength="15" />
<label for="tél">tél</label> : <input type="tél" name="tél" id="tél"size="18" maxlength="60" /><br/><br/>
<label for="email">Votre email</label> : <input type="email" name="email" id="email"size="40" maxlength="100" /><br/><br/>


</fieldset>
<fieldset>
<legend>RENSEIGNEMENTS</legend> <!-- Titre du fieldset -->

<label for="qualité">Vous représentez :</label><br />
<select name="Un particulier" id="Un particulier">
<option value="Un particulier" selected="selected">Un particulier</option>
<option value="comité d'entreprise">Un comité d'entreprise</option>
<option value="municipalité">Une municipalité</option>
<option value="Un groupe scolaire">Un groupe scolaire</option>
<option value="Une association">Une association</option>
<option value="Un comité des fêtes">Un comité des fêtes</option>
<option value="Une société">Une société</option>
<option value="Autre">Autre</option>

</select>
</p>
<p>
<label for="qualité">Sur quel type de prestations souhaitez vous être renseignés ? :</label><br /><br/>
<select name="Un particulier" id="Un particulier">
<option value="Les spectacles" selected="selected">Les spectacles</option>
<option value="La magie">La magie</option>
<option value="Les peluches géantes">Les peluches géantes</option>
<option value="Les structures gonflables">Les structures gonflables</option>
<option value="les formules">les formules</option>
<option value="autres">autres</option>
</select>

<label for="nom">Nom de l'établissement</label> : <input type="text" name="nom" id="nom"size="30" maxlength="60" /> <br/><br/>
<label for="nom">Nbre d'enfant approximatif</label> : <input type="text" name="Nbre d'enfant approximatif" id="Nbre d'enfant approximatif"size="5" maxlength="15" />
<label for="nom">Date prévue</label> : <input type="text" name="date" id="date"size="10" maxlength="15" />
<label for="nom">Budget éventuel</label> : <input type="text" name="budget" id="budget"size="10" maxlength="15" />
</p>
<p align="left">Vos commentaires :
<textarea name="textfield" cols="75"></textarea>
</p>

<p>
<input type="submit" /> <input type="reset" />
</p>
</fieldset>
</form>

</div>
<div class="para">
<p>PAPILLONS DE NUIT - Nathalie - 3 rue Bailli de Suffren - 66000 PERPIGNAN<br />
Tél&fax : 04 68 38 86 63 - Mobile : 06 74 29 45 78<br/>
mail <a href="mailto:f.blancafort@free.fr">cliquez ici</a> </p>
</div>
</div>
<div id="menubas">
<div class="menubas">
<a href="index.html">accueil/</a>
<a href="spectacle.html">spectacles/</a>
<a href="animation.html">animations/</a>
<a href="construction.html">village-kids/</a>
<a href="reference.html">references/</a>
<a href="contactform.html">contact</a>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3520387-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>

</html>


merci d'avance à ceux qui pourront m'aiguiller ! Smiley confused [/i]
Modifié par fred.boni@yahoo.frle (06 May 2008 - 09:27)
Bonjour,

fred.boni@yahoo.frle a écrit :
j'ai l'impression que lorsqu'on clik sur envoyer ça ne l'envoi pas et de plus ça ouvre une fenêtre outlook

Ce n'est pas qu'une impression: c'est comme ça qu'est conçu ce formulaire.

Pour envoyer un mail directement, il faut:
1. que le formulaire pointe vers un script côté serveur (par exemple en PHP) via une URL dans l'attribut action de l'élément form;
2. que ce script traite les données et invoque un logiciel capable d'envoyer des e-mails;
3. que le serveur soit configuré pour permettre l'envoi d'e-mails (logiciel ad hoc, compte SMTP).

Envoyer un e-mail de cette manière depuis un hébergement mutualisé (un hébergement économique pour lequel on n'a pas le contrôle sur la configuration du serveur) n'est pas toujours possible.
Modifié par Florent V. (06 May 2008 - 09:37)
merci pour ta réponse
c'est vrai que théoriquement c'est facile ^^
mais lorsqu'il faut l'appliquer c'est autre chose Smiley smile
donc en 1 a coté de " action " je dois mettre l'adresse du serveur qui heberge mon site c'est ça ? notemment free pour moi
en 2 ... je ne sais pas Smiley confused
et 3 ça dépend du serveur , mais je crois que j'ai activé la fonction dans free , donc ça je crois que c'est bon .

il faut donc que je fasse une page php ou je copie mon html c'est ça ? Smiley ohwell

desolée si mes question sont débiles mais je cale là ! ce n'est pas de la mauvaise volonté Smiley smile
Heu... en gros, comme tu ne sais pas faire les points 1, 2 et 3, je te conseille de ne pas faire de formulaire de contact mais simplement de proposer une adresse e-mail (et autres coordonnées, notamment téléphoniques) pour que les gens puissent vous contacter.

Sinon, on peut apprendre les bases de la programmation (en PHP par exemple), écrire un script ou en adapter un à ses besoins, ou éventuellement utiliser un logiciel de type CMS qui aurait un module de formulaire de contact (mais d'expérience c'est pas toujours évident à personnaliser, donc ça peut être moins simple que d'adapter un script existant ne dépendant pas d'un CMS, ou qu'écrire son propre script).

Dernière solution: engager un professionnel.
Sujet clos
Aller à